1234567891011121314151617181920212223242526272829303132333435363738 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <script src="script-for-index.js"></script>
- <!-- Divide
- Реализуйте задание Number: divide в HTML:
- Воспользуйтесь следующей информацией:
- все id в HTML становятся глобальными переменными (если это имя не занято, id="prompt" не сработает, функция
- prompt будет работать и далее);
- Любой DOM-элемент (то, что в HTML называется тэгом или парой тэгов) является объектом;
- Для доступа к атрибуту value тэгов input используется свойство value (например, firstNumber.value)
- Для доступа к вложенному тексту парных тэгов используется свойство innerHTML (например, divisionResult.innerHTML)
- Заготовка выше обеспечивает запуск функции calcResult по любому изменению текста в полях ввода. Напишите в
- ней деление значений из полей ввода и выведите результат в div. -->
- <input type='number' id="firstNumber" value="1" />
- <input type='number' id="secondNumber" value="1" />
- <div id="divisionResult">
- result will be here
- </div>
- <script>
- const calcResult = () => {
- console.log(firstNumber.value, secondNumber.value, divisionResult.innerHTML);
- divisionResult.innerHTML = "division result: " + Math.floor(firstNumber.value / secondNumber.value);
- }
- firstNumber.oninput = secondNumber.oninput = calcResult;
- </script>
- </body>
- </html>
|