@Dannileb

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

Я учу javascript и хотел сделать некий калькулятор для сайта. За пример взял калькулятор количества рулонов обоев. Суть в том, что пользователь должен вводить параметры комнаты и получать количество обоев и сумму.
Код на JS почему то не работает:
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wallpapers</title>
</head>
<body>
    <div class="wallpapres-calculator">
        <form action="main.js">
            <h4>Введите размеры комнаты:
                <p>Ширина комнаты:<input id="widthRoom" type="number" placeholder="метров"  required></p>
                <p>Длина комнаты:<input id="lenghtRoom" type="number" placeholder="метров"  required></p>
                <p>Количество дверей:<input id="doors" type="number" placeholder="шт"  required></p>
                <p>Количество окон:<input id="windows" type="number" placeholder="шт"  required></p>
            </h4>
            <h4>
                Выберите тип обоев:
                <p>Стандарт:
                    <input type="radio" name="field" id="mc1" value="radiobutton"  required>
                    <label for="mc1"></label></p>
                <p>Широкие: 
                    <input type="radio" name="field"  value="radiobutton"  id="mc2"  required>
                    <label for="mc2"></label></p>
            </h4>
            <button id="calculate" onclick="wallpaperCalculator()">Рассчитать</button>
            <h4 id="wallpapersCount">Количество обоев:</h4>
            <h4 id="totalPrice">Сумма:</h4>
        </form>
    </div>
    <script >
        function wallpaperCalculator(){
            var w = document.getElementById("widthRoom").value;
            var l = document.getElementById("lenghtRoom").value;
            var d = document.getElementById("doors").value;
            var windows = document.getElementById("windows").value;
            var space = (w*2,7)+(h*2,7)-(d*0,2*2,7)-(windows*0,5*2,7);
            var wallpapersCount = document.getElementById("wallpapersCount").value;
            wallpapersCount.innerHTML="Площадь покрытия:"+space;
        };
    </script>
</body>
</html>
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 2
Bavashi
@Bavashi
Может надо так?
<script >
        function wallpaperCalculator(){
            var w = document.getElementById("widthRoom").value;
            var l = document.getElementById("lenghtRoom").value;
            var d = document.getElementById("doors").value;
            var windows = document.getElementById("windows").value;
            var space = (w*2,7)+(l*2,7)-(d*0,2*2,7)-(windows*0,5*2,7);
            var wallpapersCount = document.getElementById("wallpapersCount");
            wallpapersCount.innerHTML="Площадь покрытия:"+space;
        };
    </script>
Ответ написан
@Levkas
<form action="main.js"> на <form action="/">
(h*2,7)переменная h не объявлена.
в wallpapersCount у тебя хранится не элемент, а значение, замени
var wallpapersCount = document.getElementById("wallpapersCount");
Ответ написан
Ваш ответ на вопрос

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

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