Пока никак не могу освоить правильность работы клонирования в Javascript.
Сделал в HTML-файле код, который генерирует пример на умножение двух цифр от 1 до 10 и по нажатию кнопки "Проверить" выдает результат правильный ли ответ.
|
Код:
|
<head>
<title>Математические задания</title>
<meta charset="utf-8">
<style type="text/css">
</style>
</head>
<body>
<div class="primer">
<span id="num1"></span> х
<span id="num2"></span> =
<input type="number" id="plus" width="5">
<input type="button" onclick="count()" value="Проверить" width="5">
<p id="result"></p>
</div>
</body>
<script>
const random = n => Math.round(Math.random() * n);
var num1 = random(10);
var num2 = random(10);
document.getElementById('num1').innerHTML = num1;
document.getElementById('num2').innerHTML = num2;
sum = num1 * num2;
var right = 'Правильно';
var not = 'Неправильно';
function count() {
var plus = Number(document.getElementById('plus').value);
if (sum == plus) {
document.getElementById('result').innerHTML = right;
} else {
document.getElementById('result').innerHTML = not;
}
}
</script> |
Теперь надо, чтобы выдавало допустим сразу 20 разных таких примеров и возле каждого индивидуальная кнопка проверки правильности.
При чем, сделать нужно не путем прописывания 20 раз части кода <div></div>, а через Javascript совершить правильно клонирование.