Показать сообщение отдельно
  #1 (permalink)  
Старый 26.06.2020, 20:31
Интересующийся
Отправить личное сообщение для AMATORx Посмотреть профиль Найти все сообщения от AMATORx
 
Регистрация: 28.05.2020
Сообщений: 12

Выдает 0 на input.value
Подскажите пожалуйста. Выдает только 0, где ошибся?
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Калькулятор</title>
	<style>
		body{
			padding-left: 50px;
		}
	</style>
</head>
<body>

	<h1>Калькулятор М³</h1>
	<br>
	Толщина: <input type="text" placeholder="миллиметры" id="thickness"> <br><br>
	Ширина: <input type="text" placeholder="миллиметры" id="width"><br><br>
	Длинна: <input type="text" placeholder="метры" id="height"><br><br>
	Количество: <input type="text" placeholder="шт" id="quantity"><br><br>
	Ценна: <input type="text" placeholder="ценна"  id="price"><br><br>
	<button id="count">Расчитать</button>
	<div id="result"></div>
<script >
	const thickness = document.querySelector('#thickness').value
	const width = document.querySelector('#width').value
	const height = document.querySelector('#height').value
	const quantity = document.querySelector('#quantity').value
	const price = document.querySelector('#price').value
	const result = document.querySelector('#result')
	const count = document.querySelector('#count')

	document.querySelector('input').onkeypress = eve =>{
		if(eve.keyCode < 47 || eve.keyCode >58){
			return false;
		}
	}


	count.onclick = count =>{
		
		let rav = thickness * width
		result.innerHTML = rav
	}


</script>
</body>
</html>

Последний раз редактировалось AMATORx, 26.06.2020 в 23:12.
Ответить с цитированием