@Stalk007

Почему некорректно работает input?

Суть ошибки: например я пишу в input число 100 и выбираю из select параметр который мне нужен и нажимаю кнопку и в консоли должен выводиться результат действия, но выводит следующее: <input type="number" id = "inp">

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="Select" >
    <button>Выбрать</button>
    <select class = "select" >
        <option>Граммы в килограммы</option>
        <option>Килограммы в центлеры</option>
        <option>Центлеры в тонны</option>
    </select>
    <input  type="number" id = "inp">
    </div>
    
    <script src="./script.js"></script>
</body>
</html>

let select = document.querySelector('.select');
let number = document.getElementById('inp');

document.querySelector('button').onclick =  () => {
    let spisok = select.value;
    //let number = prompt('Введите вес');
    switch (spisok) {
        
        case 'Граммы в килограммы': 
        
        let resultMassa1 = number / 1000;
        console.log(resultMassa1);
        break;

        case 'Килограммы в центлеры':
        
        let resultMassa2 = number / 100;
        console.log(resultMassa2);
        break;

        case 'Центлеры в тонны': 
        
        let resultMassa3 = number * 0.1;
        console.log(resultMassa3);
        break;
        
    }
}
  • Вопрос задан
  • 91 просмотр
Решения вопроса 2
@smigles
У вас в переменную number записывается сам инпут, а не его значение. Исправление:
let number = Number(document.getElementById('inp').value);
Ответ написан
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы