Выдает 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>
|