Показать сообщение отдельно
  #5 (permalink)  
Старый 20.06.2021, 17:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

Артём@@@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>
Ответить с цитированием