Создание глобальной переменной из функции в JS и расчет продукта - PullRequest
Новая
       53

Создание глобальной переменной из функции в JS и расчет продукта

0 голосов
/ 29 апреля 2020

Я занимался разработкой шаблона для небольшого продуктового веб-сайта, и мне нужно рассчитать общую стоимость выбранных продуктов. Итак, я использовал два тега <p> с разными ценами, которые могут выбирать пользователи. При выборе цены пользователю необходимо выбрать количество товара. Наконец, мне нужно напечатать итоговую цену (количество * цена). Проверьте мой код ниже 

<p class="n1">Ashirwad Atta Whole Wheat</p>
            <p id="n2">Rs.399</p>
            <p class="n3">Pack Sizes</p>
            <p id="n4" onclick="get2()" >10 kg<br>Rs.399</p>
            <p id="n5"   onclick="get()">5 kg<br>Rs.209</p>
            <select id="n123">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
            <p class="n8">Payable</p> 
            <p id="n9">Rs.399</p>

JS код выше HTML

var a=399;
            function get(){ 
            var a=209;
            document.getElementById('n4').style.backgroundColor="white";
            document.getElementById('n2').innerHTML="Rs."+a;
            document.getElementById('n5').style.backgroundColor="green";
            document.getElementById('n9').innerHTML="Rs."+a;
            document.getElementById('n5').style.color="white";
            document.getElementById('n4').style.color="green";
            }
            function get2(){
                var a=399;
            document.getElementById('n5').style.backgroundColor="white";
            document.getElementById('n4').style.backgroundColor="green";
            document.getElementById('n4').style.color="white";
            document.getElementById('n5').style.color="green";
            document.getElementById('n2').innerHTML="Rs."+a;
            document.getElementById('n9').innerHTML="Rs."+a
            }

var e = document.getElementById("n123");
var s = e.options[e.selectedIndex].value;
document.getElementById('n9').innerHTML=s*a;

Окончательное изображение

Вопрос, как я могу получить цену из функции get () или get2 (), чтобы изменить n9? Я получаю только 399, как заявлено на улице. что если пользователь выберет 209?

...