Как скрыть дивинг в форме, пока не будет сделан выбор ⇐ Html

[Anonymous]

Мне нужно скрыть Div в моей (расчетной) форме заказа, пока выбор не будет сделан в избранном меню. class = "Snippet">

Код: Выделить всё

.plus {
display: none;
}< /code>
Ice Cream Order Form





Select Your Flavor
Vanilla
Chocolate
Mixed





How Many Scoops?
One Scoop - $3.00
Two Scoops - $5.00
Three Scoops - $7.00








const scoopsSelector = document.getElementById('scoopsSelector')
scoopsSelector.addEventListener('input', function() {
let selectedOptText = scoopsSelector.options[scoopsSelector.selectedIndex].text
document.querySelector('.scoops').value = selectedOptText;
})




Toppings: (Optional)


+


 Nuts $3.00


+


 Sprinkles $3.00


+


 Syrup $4.00


+




Cup or Cone
Cup - $3.00
Cone - $4.00






const dishSelector = document.getElementById('dishSelector')
dishSelector.addEventListener('input', function() {
let selectedOptText = dishSelector.options[dishSelector.selectedIndex].text
document.querySelector('.dish').value = selectedOptText;
})


TOTAL: $


function calcuMath() {
var z;
var a = document.getElementById("scoopsSelector").value;
var b = document.getElementById("nuts").value;
var c = document.getElementById("sprinkles").value;
var d = document.getElementById("syrup").value;
var e = document.getElementById("dishSelector").value;
var sel = document.getElementById("plus");
var selection = sel.options[sel.selectedIndex].value;
var more = document.getElementById("add");
if (selection == "add") {
z = parseFloat(a) + parseFloat(b) + parseFloat(c) + parseFloat(d) + parseFloat(e);
}

document.getElementById("result").innerHTML = "" + z + "";
}

Подробнее здесь: https://stackoverflow.com/questions/794 ... on-is-made