Привет!
Помогите пожалуйста с такой задачей: Юзер вводит собщения в три поля. Цифры например. По нажатию кнопки значения забираются и передаются в константы (пока для наглядности мне достаточно в консоль или в алерт).
П.С. Элементы HTML дерева мне нужно создать из js, как я и сделал. Но видать что-то там не так.
Вот то, что я написал:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="styles.css">
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script src="js.js"></script>
</body>
</html>
'use strict';
const root = document.querySelector ('#root');
// modal form
const modalForm = document.createElement ('div');
modalForm.classList.add ('modal');
root.append (modalForm);
// input room parameters form
const inputLengthForm = document.createElement ('form');
modalForm.append (inputLengthForm);
//input room length form
const inputLengthField = document.createElement ('input');
inputLengthField.id = 'id1';
// inputLengthField.value = '';
inputLengthForm.append (inputLengthField);
//
const inputWidthField = document.createElement ('input');
inputWidthField.id = 'id2';
// inputLengthField.value = '';
inputLengthForm.append (inputWidthField);
//
const inputHighField = document.createElement ('input');
inputHighField.id = 'id3';
// inputLengthField.value = '';
inputLengthForm.append (inputHighField);
// button
const btn = document.createElement ('button');
btn.classList.add ('button');
btn.textContent = 'Показать сумму';
inputLengthForm.append (btn);
function getNumber () {
const getElementId1 = parseInt (document.getElementById ('id1').value);
const getElementId2 = parseInt (document.getElementById ('id2').value);
const getElementId3 = parseInt (document.getElementById ('id3').value);
console.log (getElementId1);
console.log (getElementId2);
console.log (getElementId3);
}
btn.addEventListener ('click', getNumber ());