Я создал таблицу судоку с некоторыми числами, предварительно загруженными из файла 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];
}