gpt4 book ai didi

javascript - 检查我的矩阵是否是一个幻方javascript

转载 作者:行者123 更新时间:2023-12-04 10:58:29 25 4
gpt4 key购买 nike

我们被赋予了使用输入框创建一个 3x3 矩阵的任务,并编写一个代码来检查给定的数字加起来是否正确,使之成为一个幻方。没有提示框,让我们使用数组来完成任务。在使用“document.myform....value”方法之前,我已经使用输入框来获取值,但我不知道如何使用数组来实现它。

这是我到目前为止:

function myArray() {
var matrix = new Array[];
for (var i = 0; i < 3; i++) {
matrix[i] = new Array(3)
}
enterValues();
}

function enterNum() {
for (var row = 0; row < 3; row++) {
for (var col = 0; col < 3; col++)
matrix[row][col].innerHTML;
}
}

function magicSquare() {
var magSqu = false;
var sum = 0;
for (var col = 0; col < 3; col++) {
sum = sum + matrix[0][col];
}
var rowSum = 0;
for (var i = 1; i < 3; i++) {
for (var j = 0; j < 3; j++) {
rowSum = rowSum + matrix[i][j];
if (rowSum != sum) {
magSqu = false;
break;
}
}
}
var sum_diagonal = 0;
if (magSqu) {
for (var i = 0; i < 3; i++)
for (var j = 0; j < 3; j++)
if (i == j)
sum_diagonal += matrix[i][j];
if (sum_diagonal != sum) {
magSqu = false;
}
}
if (magSqu) {
sum_diagonal = 0;
for (var i = 0; i < 3; i++)
for (var j = 0; j < 3; j++)
if ((i + j) == 2)
sum_diagonal += matrix[i][j];
if (sum_diagonal != sum) {
magSqu = false;
}
}
if (magSqu == true) {
document.getElementById("result").innerHTML = "This is a magic square.";
} else {
document.getElementById("result").innerHTML = "This is not a magic square.";
}
}
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>Magic Square</title>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>
<table border='1'>
<tbody>
<tr>
<td id="r1c1"><input type="text" name="inp11"></td>
<td id="r1c2"><input type="text" name="inp12"></td>
<td id="r1c3"><input type="text" name="inp13"></td>
</tr>
<tr>
<td id="r2c1"><input type="text" name="inp21"></td>
<td id="r2c2"><input type="text" name="inp22"></td>
<td id="r2c3"><input type="text" name="inp23"></td>
</tr>
<tr>
<td id="r3c1"><input type="text" name="inp31"></td>
<td id="r3c2"><input type="text" name="inp32"></td>
<td id="r3c3"><input type="text" name="inp33"></td>
</tr>
</tbody>
</table>
<input type="submit" id="magicButton" value="Compute Score" onclick="magicSquare();">
<div id="result"> </div>
</body>

</html>


我哪里出错了?

最佳答案

你错过的大部分事情都是

  • 将数组定义为 [] 或 new Array(),这是@ggorlen
  • 所说的
  • 我没有使用名称,而是将其更改为 id,以便我们可以获取该特定元素的值。
  • 使用输入标签时,使用 value 获取内部的值属性(property)而不是 innerHTML
  • 我们需要在初始加载时调用该函数 myArray()
  • 将矩阵变量移动到顶层,因为它被所有函数普遍使用。
  • 删除了提交类型的输入按钮,这是可选的,因为它有助于保留用于演示目的的输入。

  • 希望这能解决您的问题!

    var matrix = [];
    myArray();
    function myArray() {
    for (var i = 0; i < 3; i++) {
    matrix[i] = new Array(3).fill(1)
    }
    enterValues();
    }

    function enterValues() {
    for (var row = 0; row < 3; row++) {
    for (var col = 0; col < 3; col++) {
    document.getElementById(`inp` + (row+ 1) + (col+ 1)).value = matrix[row][col];
    }
    }
    }

    function enterNum() {
    for (var row = 0; row < 3; row++) {
    for (var col = 0; col < 3; col++)
    matrix[row][col] = document.getElementById(`inp` + (row+ 1) + (col+ 1)).value;
    }
    }

    function magicSquare() {
    enterNum();
    var magSqu = false;
    var sum = 0;
    for (var col = 0; col < 3; col++) {
    sum = sum + matrix[0][col];
    }
    var rowSum = 0;
    for (var i = 1; i < 3; i++) {
    for (var j = 0; j < 3; j++) {
    rowSum = rowSum + matrix[i][j];
    if (rowSum != sum) {
    magSqu = false;
    break;
    }
    }
    }
    var sum_diagonal = 0;
    if (magSqu) {
    for (var i = 0; i < 3; i++)
    for (var j = 0; j < 3; j++)
    if (i == j)
    sum_diagonal += matrix[i][j];
    if (sum_diagonal != sum) {
    magSqu = false;
    }
    }
    if (magSqu) {
    sum_diagonal = 0;
    for (var i = 0; i < 3; i++)
    for (var j = 0; j < 3; j++)
    if ((i + j) == 2)
    sum_diagonal += matrix[i][j];
    if (sum_diagonal != sum) {
    magSqu = false;
    }
    }
    if (magSqu == true) {
    document.getElementById("result").innerHTML = "This is a magic square.";
    } else {
    document.getElementById("result").innerHTML = "This is not a magic square.";
    }
    }
    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <title>Magic Square</title>
    <link rel="stylesheet" type="text/css" href="style.css" />

    </head>

    <body>
    <table border='1'>
    <tbody>
    <tr>
    <td id="r1c1"><input type="text" id="inp11"></td>
    <td id="r1c2"><input type="text" id="inp12"></td>
    <td id="r1c3"><input type="text" id="inp13"></td>
    </tr>
    <tr>
    <td id="r2c1"><input type="text" id="inp21"></td>
    <td id="r2c2"><input type="text" id="inp22"></td>
    <td id="r2c3"><input type="text" id="inp23"></td>
    </tr>
    <tr>
    <td id="r3c1"><input type="text" id="inp31"></td>
    <td id="r3c2"><input type="text" id="inp32"></td>
    <td id="r3c3"><input type="text" id="inp33"></td>
    </tr>
    </tbody>
    </table>
    <input type="button" id="magicButton" value="Compute Score" onclick="magicSquare();">
    <div id="result"> </div>
    </body>

    </html>

    关于javascript - 检查我的矩阵是否是一个幻方javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59014126/

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