Есть ли способ сверить содержимое таблицы с XML-файлом с помощью тегов

#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];
}