Javascript 使用大写字母绘制矩形

Javascript 使用大写字母绘制矩形,javascript,jquery,Javascript,Jquery,我想用大写字母做一个长方形。例如,当我们输入 是“A”,然后显示 A 如果“B”,则 BBB BAB BBB 如果“C”,则 CCCCC CBBBC CBABC CBBBC CCCCC 直到Z为止,图案都是这样。我成功地制作了矩形,但它始终是相同的字母,如下所示: BBB BBB BBB 这是我的代码: $('click')。单击(函数(){ $('#output').html(''); var input=$('#input').val(); var validpattern=n

我想用大写字母做一个长方形。例如,当我们输入 是
“A”
,然后显示

A 
如果
“B”
,则

BBB
BAB
BBB
如果
“C”
,则

CCCCC 
CBBBC
CBABC
CBBBC
CCCCC
直到Z为止,图案都是这样。我成功地制作了矩形,但它始终是相同的字母,如下所示:

BBB
BBB
BBB
这是我的代码:

$('click')。单击(函数(){
$('#output').html('');
var input=$('#input').val();
var validpattern=newregexp('^[A-Z\d&ñ]+$);
如果(input.length>1){
$('#output')。追加('无效输出');
}如果(!input.match(validpattern)){
$('#output')。追加('无效输出');
}否则{
var string=string.fromCharCode(input.charCodeAt(0));
var-stringa=65;
var inputascii=string.charCodeAt();
变量inputasciiawal=inputascii;
var jarak=inputascii-stringa;
jarak=jarak*2;
var-kiri=0;
console.log(jarak);

对于(kiri;kiri,您可以计算字母“A”的代码与输入的第一个字母之间的距离。然后,您可以构建一个边长等于

var side = (2*distance)+1;
这是因为您为中心字母保留了一个单元格,并为两侧的周围字母保留了
距离
单元格

然后你可以做一个双循环(一个用于行,一个用于列),计算距离中心的距离,然后输出正确的字母。这是应用程序的核心(显然,你可以在输入检查之前添加输入检查,以验证输入数据)

var input=“D”//输入的第一个字母
var值=输入.charCodeAt(0);
var-stringa=65;
var距离=值stringa;
var侧=(2*距离)+1;
控制台日志(距离);

对于(i=0;i你的问题是什么?@JayBlanchard我仍然无法形成模式,请阅读我的解释。我相信他的问题是“有人能做我的家庭作业吗?”答案是“这不是一台家庭作业机器”。我认为这是一个很有吸引力的挑战。很高兴帮助你。
var input = "D"; // the first letter of input
var value = input.charCodeAt(0);
var stringa = 65;
var distance = value-stringa;
var side = (2*distance)+1;
console.log(distance);

for(i=0;i<side;i++)
{
    for(j=0;j<side;j++)
    {
        var absi = Math.abs(i-distance);
        var absj = Math.abs(j-distance);
        var max = Math.max(absi,absj);
        var letter = String.fromCharCode(stringa + max)
        $('#output').append(letter + '&nbsp;&nbsp;&nbsp;');      
    }

    $('#output').append('<br/>');  
}