Javascript-форум - как сделать счёт вводных ответов

</head> <body> <div id="test"> <div> <p>запишите слова диктора? <br>1</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>2</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>3</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>4</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>5</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>6</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>7</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>8</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>9</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>10</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>11</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>12</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>13</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>14</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>15</p> <input type="text" onkeyup="check();" id="input" /> </div> <div> <p>запишите слова диктора? <br>16</p> <input type="text" onkeyup="check();" id="input" /> </div> <input type="text" onkeyup="check();" id="input" /> </div> <div class="ed"> <br> <input type="submit" id="button" value="проверка" /> </div> </body> </html>

Артём@@@Q,
телепат моде ...

<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <script>
$(function() {
$("[type='submit']").on("click", function() {
let arr = "Ехал Грека через реку Видит Грека в реке рак Сунул Грека руку в реку Рак за руку Греку ЦАП".split(/\s+/),
word = document.querySelectorAll(".word");
arr.length = word.length;
let ar = arr.filter((a, i) => a.toLowerCase() === word[i].value.toLowerCase());
$(".out").val(`${ar.length} of ${arr.length}`);
})
});
    </script>
</head>

<body>
<div id="test">
<div>
<p>запишите слова диктора? <br>1</p>
<input type="text" class="word" value="Ехал"/>
</div> <div>
<p>запишите слова диктора? <br>2</p>
<input type="text" class="word"/>
</div> <div>
<p>запишите слова диктора? <br>3</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>4</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>5</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>6</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>7</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>8</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>9</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>10</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>11</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>12</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>13</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>14</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>15</p>
<input type="text" class="word"/>
</div>
<div>
<p>запишите слова диктора? <br>16</p>
<input type="text" class="word"/>
</div>

<input type="text" class="out"/>
</div>
<div class="ed">
<br>
<input  type="submit" id="button"  value="проверка" />
</div>
</body>
</html>