Для кого-то может это вопрос 1-го класса, но я уже не первый день не могу придумать как реализовать.
Реализована задачка, когда генерируется два рандомных числа от 1 до 10 и предлагается ввести ответ их суммы, а кнопкой проверить правильность.
Возможно, указанный мной код можно было иначе составить.
<head>
<title>Математические задания</title>
</head>
<body>
<div id="primer">
<span id="inp_1"></span> +
<span id="inp_2"></span> =
<input type="number" id="plus" width="5">
<button onclick="multi()">Проверить</button>
<p id="result"></p>
</div>
</body>
<script type="text/javascript">
var multi_1;
multi_1 = Math.round(Math.random()*10);
multi_1 = document.getElementById('inp_1').innerHTML = multi_1;
var multi_2;
multi_2 = Math.round(Math.random()*10);
multi_2 = document.getElementById('inp_2').innerHTML = multi_2;
result1 = multi_1 + multi_2;
result = document.getElementById('result');
function multi()
{
check = document.querySelector('input').value;
if (result1 == check)
result.innerHTML = "Правильно";
else
result.innerHTML = "Неправильно";
}
</script>
А теперь нужно, чтобы таких примеров было, скажем, пять.
Как при помощи Javascript это реализовать, чтобы не вручную пять раз копировать куски кода?
То есть,
число1 + число2 = input [Проверить данный ответ]
число1 + число2 = input [Проверить данный ответ]
число1 + число2 = input [Проверить данный ответ]
число1 + число2 = input [Проверить данный ответ]
число1 + число2 = input [Проверить данный ответ]
Догадываюсь, что при помощи цикла и массивов, но правильно код так и не смог собрать.