“Conocimiento Programación>JavaScript Programación

Cómo calcular un total movimiento en JavaScript

2012/3/11
JavaScript es un lenguaje de script del lado del cliente que le permite reaccionar en tiempo real a la entrada del usuario . Por ejemplo , puede crear un formulario HTML que actualiza automáticamente el campo total como usuario ajusta entradas individuales en el formulario. Para ello, es necesario asignar un nombre a cada elemento del formulario , escribir una función que actualiza los totales y llamar a la función cada vez que uno de los elementos de cambio . Instrucciones
1

Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Los encabezados de HTML en el documento de entrada :




< p>

formulario de pedido < /title> <br> 2 <p> crear un estilo para el formulario de entrada que va a crear : . <br> <p> <style> <br> <p> OrderForm {width : 250px ; display: block ;} <br> <p> elemento {width : 100px ; float: . izquierda ; margin-left : 10px ; text-align : . derecho } <br> <p> entrada {width : 50px ; margin-left : 10px ; text-align : . } izquierda <br> <p> total de {width : 20px ; margin-left : 10px ; font- weight: bold ;} <br> <p> < /style> <br> 3 <p> Crear una función de JavaScript para acceder a cada elemento en el formulario de entrada y calcular y mostrar un total : <br> <p> <script> <br> <p> total de funcionamiento ( ) { var <br> <p> totales = ( parseInt ( document.order.apples.value ) <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90951.html' >Como Llamar JavaScript partir de una plantilla HTML </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90953.html' >Cómo eliminar una matriz asociativa JavaScript </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90811.html">Cómo dibujar curvas con Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91121.html">Cómo agregar elementos a un cuadro combinado con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91051.html">Cómo agregar cadenas en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91219.html">Cómo cambiar un hipervínculo con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91106.html">El desarrollo de Google Maps API </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90841.html">Struts ocultos en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91119.html">Cómo deshabilitar la pantalla de impresión JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91177.html">Matriz Javascript Tutorial </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91008.html" >Cómo hacer un Div Pop -up </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91061.html" >Cómo borrar texto de un campo de búsqueda en una página HTML en Click </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90800.html" >Cómo hacer múltiples marcadores con Maps API </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/340906.html" >¿Cómo se escribe un subíndice en Internet? </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91264.html" >Cómo subir películas Flash </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91117.html" >Javascript Combobox Tutorial </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91227.html" >Cómo comprobar un sitio web para un Bug JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91071.html" >Cómo establecer el valor de un iFrame </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90998.html" >Cómo obtener Browser Ancho </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91004.html" >Cómo agregar estilos con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91104.html" >Cómo utilizar NetBeans para depurar MATLAB </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91159.html" >Estructura de JavaScript </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div> </div> </body> </html>