JSFiddle - React, Tailwind, and code Playground

by Mariya_Korotkova

HTML

<select id=size>
							<option>Выберите размер картины</option>
							<option value="1">40x50</option>
							<option value="1.5">50x70</option>
							<option value="2">70x70</option>
							<option value="2.5">70x100</option>
						</select>

JavaScript

let size = document.querySelector('#size'),
        material = document.querySelector('#material'),
        options = document.querySelector('#options'),
        promocod = document.querySelector('.promocod'),
        totalValue = document.querySelector('.calc-price'),
        total = 1000;
    
    // totalValue.innerHTML = 0;
    /* console.log(size.options.value); */

    size.addEventListener('change', function () {
        let index = size.selectedIndex;
        let value = size.options[size.selectedIndex].value;
        console.log(index);
        console.log(value);

        console.log(size.value);
        /* getValue(this.value) */

        


/* function getValue(value) {
alert(value);
} */

        // if (size.value == '' || material.value == '') {
        //     totalValue.innerHTML = 0;
        // } else {
        //     let a = total;
        //     totalValue.innerHTML = a * this.options[this.selectedIndex].value;
        // }
    });