priceLIght
Stack Overflow Q
by trentHarlem
HTML
TLDR
Could you update the summary INSIDE the functions
<div class="section__choice py-3">
<div class="container">
<div class="py-4 section__number_people">
<h2>Tickets</h2>
<!--tickets-light-->
<div class="section__number_qty py-3" id="tickets__light_qty">
<div class="row">
<div class="col-6">
<label for="inputNumberSelect">Amount of tickets</label>
<input type="number" class="count" value="0" min="1" max="10" id="inputNumberSelect-light" oninput="priceLight()">
</div>
<div class="col">
<p>Price per ticket:
<span id="price__light">40</span>
zł
</p>
</div>
<div class="col">
<p>
<span id="price__light_total" class="numeric_value"></span>
</p>
</div>
</div>
<div class="row">
<div class="col-6">
<label for="inputNumberDiscSelect">Amount of tickets with discount</label>
<input type="number" class="count ml-3" value="0" min="0" max="10" id="inputNumberDiscSelect-light" oninput="priceLightDisc()">
</div>
<div class="col">
<p>Price per ticket:
<span id="price__light">35</span>
zł
</p>
</div>
<div class="col">
...
JavaScript
//'use strict'
/*Exhibition price count*/
function priceLight() {
const amount_light = document.getElementById("inputNumberSelect-light").value;
let price_light = 40;
let total_light = amount_light * price_light;
document.getElementById("price__light_total").innerHTML = "Price: " + total_light + " zł";
let resultLight = total_light;
//resultSummary()
// console.log('poo')
//document.getElementById("show__price_total").innerHTML = resultLight;
return resultLight;
}
function priceLightDisc() {
let amount_light_disc = document.getElementById("inputNumberDiscSelect-light").value;
let price_light_disc = 35;
let total_light_disc = amount_light_disc * price_light_disc;
document.getElementById("price__light_total_disc").innerHTML = "Price: " + total_light_disc + " zł";
let resultLight = total_light_disc;
//resultLight()
return resultLight;
}
///
function priceDark() {
let amount_dark = document.getElementById("inputNumberSelect-dark").value;
let price_dark = 30;
let total_dark = amount_dark * price_dark;
document.getElementById("price__dark_total").innerHTML = "Wartość: " + total_dark + " zł";
}
function priceDarkDisc() {
let amount_dark_disc = document.getElementById("inputNumberDiscSelect-dark").value;
let price_dark_disc = 25;
let total_dark_disc = amount_dark_disc * price_dark_disc;
document.getElementById("price__dark_total_disc").innerHTML = "Wartość: " + total_dark_disc + " zł";
}
function priceBoth() {
let amount_both = document.getElementById("inputNumberSelect-both").value;
let price_both = 60;
let total_both = amount_both * price_both;
...