Javascript output live con Javascript degli input html

wasdunity

Utente Bronze
4 Settembre 2019
33
15
3
31
Ciao! Dato un ipotetico form:
Codice:
<form action="#" name="order" method="get" onsubmit="">
    Pizza <input type="number" id="pizza" name="pizza" placeholder="Quantità"> <br>
    Cocacola <input type="number" id="cocacola" name="cocacola" placeholder="Quantità"> <br>  
    <input type="submit" name="send" value="continua">
</form>
vorrei sapere se è possibile stampare a video il prezzo totale ricavato in live (in immediato, ad ogni modifica dell'input, senza bisogno di ricaricare la pagina) dall'input dei campi pizza e cocacola
 
Devi mettere un eventlistener onchange sui campi che fanno variare il prezzo, calcoli il nuovo valore e setti il testo a video. Tutto questo dipende dal framework che utilizzi, ad esempio con jQuery puoi fare $("#pizza").change(...), in JS puro addEventListener e document.getElementById. Allo stesso modo crei un div contenente il prezzo calcolato ad esempio con id "prezzo" e fai
JavaScript:
document.getElementById("prezzo").innerHTML = prezzoCalcolato + "&euro;";
 
  • Mi piace
Reazioni: wasdunity