gpt4 book ai didi

Javascript 在 html 标签中返回未定义,但在开发人员控制台中显示结果

转载 作者:行者123 更新时间:2023-12-03 00:16:39 25 4
gpt4 key购买 nike

我在 html 页面的文本区域上渲染此代码的输出时遇到问题,但它运行并在控制台上显示正确的输出。下面是 html 和 javascript 代码..谢谢

<body>
<div class="input">
<div class="numb">
<form class="form-group" name="number" id="number">
<input id="textbox" type="text" name="textbox" placeholder="Enter N">
<button type="button" name="submit" id="button" onclick="final()">Get Matrix</button>
</form>

</div>
<div class="result">
<textarea id="spiral" name="spiral" placeholder="matrix"></textarea>
</div>
</div>

function createMatrix(size) {
const array = [];
for (let i = 0; i < size; i++) {
array.push(new Array(size));
}
return array;}

function spiral(input) {
const output = createMatrix(input);
let n = 1;
let a = 0;
let b = input;
let direction = 0; // 0 = right, 1 = down, 2 = left, 3 = up
let directionFlip = true;
let x = 0;
let y = 0;
while (n <= (input * input)) {
output[x][y] = n;
n++;
a++;
if (a >= b) {
a = 0;
if (direction === 0 || direction === 2 && directionFlip) {
b--;
}
directionFlip = !directionFlip;
direction = (direction + 1) % 4;
}

switch(direction) {
case 0:
x++;
break;
case 1:
y++;
break;
case 2:
x--;
break;
case 3:
y--;
break;
}
}
return output;}

打印函数,以螺旋方式定义此形式的矩阵顺序1 2 38 9 47 6 5

function print(input, paddingChar) {
const longest = (input.length * input.length).toString().length;
const padding = paddingChar.repeat(longest);
for (let y = 0; y < input.length; y++) {
let line = "";
for (let x = 0; x < input.length; x++) {
line += (padding + input[x][y]).slice(-longest) + " ";
}
console.log(line.toString());
}}

以及一个在 html 页面中调用它并返回方阵的函数

function final() {
input = document.getElementById("textbox").value;
let text = print(spiral(input), " ");
document.getElementById("spiral").innerHTML = text}

因此,如果我从页面输入 n,我会得到在开发人员控制台中显示的 n 矩阵,但不会在 html 页面节点中显示

最佳答案

您没有从打印函数返回任何内容;这里更新了 fiddle 以连接文本并返回矩阵中的文本

https://jsfiddle.net/gowrimr/mjvn3fru/7/

`let text = ''

在打印功能的控制台后添加:

text = text+line.toString()+'\n'

最后做一个返回文本

关于Javascript 在 html 标签中返回未定义,但在开发人员控制台中显示结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54506561/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com