#javascript #html
#javascript #HTML
Вопрос:
я создал таблицу судоку с некоторыми числами, предварительно загруженными из XML-файла. У меня есть другой XML-файл с полными номерами головоломок, и я хочу сверить введенные числа с числами в XML-файле, которые должны быть в том же порядке.
Я пытался использовать document.getElementsByTagName(«td»).value для получения входного значения, но таким образом я ничего не добился.
это моя таблица.
<table id="grid">
<tr id="one">
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
</tr>
<tr id="two">
<td class="number"></td>
<td class="numer1"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
</tr>
<tr id="three">
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="numer2"></td>
</tr>
<tr id="four">
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
</tr>
<tr id="five">
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
</tr>
<tr id="six">
<td class="numer1"></td>
<td class="numer2"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="number"></td>
</tr>
<tr id="seven">
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="numer2"></td>
</tr>
<tr id="eight">
<td class="number"></td>
<td class="numer1"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="number"></td>
<td class="numer1"></td>
<td class="number"></td>
</tr>
<tr id="nine">
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="number"></td>
<td class="numer2"></td>
<td class="numer1"></td>
<td class="numer2"></td>
<td class="number"></td>
</tr>
это то, что я пробовал с JS
function hint(){
if (document.getElementById("easyS").value == "easy1" ||
document.getElementById("hardS").value == "hard1"){
var request1 = new XMLHttpRequest();
request1.open("GET", "puzzle1.xml", false);
request1.send(null);
var xmldoc = request1.responseXML;
var numbers1 = xmldoc.getElementsByTagName("number");
var numArray1 = [];
for(var i = 0; i < numbers1.length; i ){
numArray1.push(numbers1[i].firstChild.data)
}
var printNum1 = document.getElementsByTagName("td")[0].value;
x = printNum1.length;
console.log(printNum1);
if (printNum[x] !== numArray1[x]){
alert("wrong number");
}
}
console.log(hint());
}
следующий фрагмент кода действительно работает, и я пытался сделать что-то подобное, но не смог его получить:
function solvePuzzle(){
var request1 = new XMLHttpRequest();
request1.open("GET", "puzzle1.xml", false);
request1.send(null);
var xmldoc = request1.responseXML;
var numbers1 = xmldoc.getElementsByTagName("number");
var numArray1 = [];
for(var i = 0; i < numbers1.length; i ){
numArray1.push(numbers1[i].firstChild.data)
}
var printNum1 = document.getElementsByTagName("td");
x = printNum1.length;
while(x--){
printNum1[x].innerHTML = numArray1[x];
}