Калькулятор стоимости товаров

@Николай16 · Регистрация: 13.12.2015

Author24 — интернет-сервис помощи студентам

Как сделать чтобы в алерте выводился результат. При клике на товар (one, two), цена должна быть разная.

PHP/HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
 
 
    <input type="text" id="a" placeholder="width">
    <h3>Width</h3>
    <input type="text" id="b" placeholder="height">
    <h3>Height</h3>
    <input type="text" id="c" placeholder="Price on meter">
    <h3>Price on meter</h3>
    <div id="block1">One</div>
    <div id="block2">Two</div>
    <br>
    <input type="button" onclick="DO()" value="Rezult">
 
 
 
 
 
 
    
    <script>
        function DO () {
            var a=document.getElementById('a').value;
            a= Number(a);
            var b=document.getElementById('b').value;
            b= Number(b);
            var c=document.getElementById('c').value;
            c= Number(c);
            var one=document.getElementById('block1').value;
            one=Number(one);
            var two=document.getElementById('block2').value;
            two=Number(two);
            one.onclick=function () {
                var price1=a*b*c*one;
                alert(price1);
            }   
            two.onclick=function () {
                var price2=a*b*c*two;
                alert(price1);
            }
 
 
            
 
        }
    </script>
</body>
</html>

@Ares111 · 14.09.2017, 23:08

Так пойдет:?

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
 
<h3>Width:</h3>
<input type="text" id="a" placeholder="width">
<h3>Height:</h3>
<input type="text" id="b" placeholder="height">
 
 
<h3>Выберите первый или второй прайс за квадратный метр, кликнув на него</h3>
<div id="block1">One</div>
<div id="block2">Two</div>
<br>
<input type="button" onclick="DO()" value="Rezult">
 
 
 
 
 
 
 
<script>
var one=document.getElementById('block1');
var two=document.getElementById('block2');
var price;
    
function DO () {
var a=document.getElementById('a').value;
a= Number(a);
var b=document.getElementById('b').value;
b= Number(b);
var rez = a*b*price;
if (isFinite(rez)) {alert('Цена вашего заказа: ' + rez);}
    else {alert('Пожалуйста, корректно введите высоту и длину, а так-же кликом выберите номер прайса');}
 
}
 
one.onclick=function () {
price = +1; //вместо "1" напишите цену за квадратный метр товара в первом прайсе
one.style.backgroundColor = 'green';
two.style.backgroundColor = 'white';
}   
 
two.onclick=function () {
price = +2; //вместо "2" напишите цену за квадратный метр товара во втором прайсе
one.style.backgroundColor = 'white';
two.style.backgroundColor = 'green';
}
 
 
 
 
 
</script>
</body>
</html>

@Николай16 · 16.09.2017, 12:20 **[ТС]**

Вроде норм, не могу понять почему у меня так не получилось. Спасибо Вам!)

@Николай16 25 / 9 / 8 Регистрация: 13.12.2015 Сообщений: 484
	16.09.2017, 12:20 [ТС]	3
	Вроде норм, не могу понять почему у меня так не получилось. Спасибо Вам!) 0

Калькулятор стоимости товаров

Решение