Javascript è un linguaggio di scripting lato client che consente di reagire in tempo reale agli input dell'utente . Ad esempio, è possibile creare un modulo HTML che aggiorna automaticamente un campo totale come utente regolare le singole voci sul modulo . Per fare questo, è necessario assegnare un nome a ciascun elemento del modulo , scrivere una funzione che aggiorna il totale e chiamare la funzione ogni volta che uno dei cambiamenti elementi . Istruzioni
1
Creare un nuovo documento HTML utilizzando il blocco note o un editor HTML . Ingresso le intestazioni HTML nel documento : < ! DOCTYPE HTML >
modulo d'ordine < /title> <br> 2 <p> creare uno stile per il modulo di ingresso si creerà : . <br> <p> <style> <br> <p> OrderForm {width : 250px ; display: block; } <br> <p> item { width: 100px ; float : . sinistra ; margin-left : 10px , text-align : . destra } <br> <p> input { width: 50px ; margin-left : 10px ; text-align : . sinistra } <br> <p> totale {width : 20px; margin-left : 10px , font- weight: bold ; } <br> <p> < /style > <br> 3 <p> Creare una funzione JavaScript per accedere a ogni elemento del modulo di input e calcolare e visualizzare un totale : <br> <p> <script> <br> <p> totale function () { var <br> <p> totale = ( parseInt ( document.order.apples.value )
<ul class="mhjkhjlj">
<li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181902.html' >Come chiamare JavaScript da un modello HTML </a></li>
<li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181906.html' >Come rimuovere un array associativo JavaScript </a></li>
</ul>
<div class="deep">
<div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div>
<div class="guanggadsadswqew1"></div>
</div>
<div class="xiangguanleitong">
<div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div>
<ul>
<li><a href="/Programmazione/Python-Programming/1186910.html" target="_blank">Python List Sovrascrive </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190234.html" target="_blank">Come programmare equazioni di secondo grado in Visual Basic </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1189518.html" target="_blank">Che cosa è una matrice in VB.NET </a></li><li><a href="/Programmazione/C--C-----Programming/1171658.html" target="_blank">Come programmare l'Operatore Resto </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1186304.html" target="_blank">Come imparare programmazione PHP </a></li><li><a href="/Programmazione/Java-Programming/1178528.html" target="_blank">Come finestre di dialogo di input in Java Swing </a></li><li><a href="/Programmazione/C--C-----Programming/1171950.html" target="_blank">Come abilitare il rilevamento di perdite di memoria </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177742.html" target="_blank">Come modificare il testo che appare quando si sposta il mouse </a></li>
</ul>
</div>
</div>
</div>
<div class="woshiyouleirog">
<div class="zxtjianasd">
<div class="bidssdfjm3"><h4>Articoli consigliati</h4></div>
<div class="dasdcdfurit33">
<ul>
<li><a href="/Programmazione/Programmazione-Javascript/1181510.html" target="_blank">Come disegnare un albero utilizzando una tela in Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181632.html" target="_blank">Come utilizzare JQuery per inserire un ancoraggio </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181592.html" target="_blank">Come grafico con jQuery </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181954.html" target="_blank">Come ottenere valori INT in jQuery </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181776.html" target="_blank">Come usare Prototype JS </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181760.html" target="_blank">JavaScript Funzione di arrotondamento </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182232.html" target="_blank">Come aggiungere due numeri con Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181878.html" target="_blank">Come installare il Facebook Javascript SDK </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182568.html" target="_blank">Come creare effetti speciali per il tuo sito - anche se non possibile scrivere codice </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182050.html" target="_blank">Come modificare il colore di sfondo di una riga in JavaScript </a></li>
</ul>
</div>
</div>
<div class="guanggandgsa32a"> </div>
<div class="huosirengs">
<li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li>
</div>
</div>
</div>
<div class="dsadsafa-da">
<p class="sdqwfwe42"> </p>
<p class="vbnhg654">Programmazione © www.354353.com</p>
<p class="iop8iud"> </p>
</div>
</div>
</body>
</html>