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/Como-Llamar-JavaScript-partir-de-una-plantilla-HTML-.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/Cómo-eliminar-una-matriz-asociativa-JavaScript-.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/Cómo-crear-XLS-con-JavaScript-.html">Cómo crear XLS con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Instrucciones-de-Cómo-activar-JavaScript-.html">Instrucciones de Cómo activar JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-quitar-JavaScript-.html">Cómo quitar JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/¿Qué-Advertencia---Escritura-responde-Media-.html">¿Qué Advertencia : Escritura responde Media </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-permisos-de-Windows-compartido-de-red-en-Java-.html">Cómo comprobar permisos de Windows compartido de red en Java </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-una-animación-3D-Logo-en-Javascript-.html">Cómo crear una animación 3D Logo en Javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-un-hipervínculo-a-un-título-de-LightBox-.html">Cómo agregar un hipervínculo a un título de LightBox </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-conseguir-un-área-de-texto-por-nombre-en-jQuery-.html">Cómo conseguir un área de texto por nombre en jQuery </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/Cómo-crear-un-mapa-de-calor-.html" >Cómo crear un mapa de calor </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comentar-en-un-Java-Script-.html" >Cómo comentar en un Java Script </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-actualizar-las-variables-de-sesión-de-JavaScript-.html" >Cómo actualizar las variables de sesión de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Códigos-de-PHP-en-JavaScript-Sintaxis-.html" >Códigos de PHP en JavaScript Sintaxis </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Adición-Javascript-dinámicamente-con-DOM-Scripting-.html" >Adición Javascript dinámicamente con DOM Scripting </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-Java-Script-en-Microsoft-Office-.html" >Cómo utilizar Java Script en Microsoft Office </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/5-Usos-de-JavaScript-.html" >5 Usos de JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-configurar-la-página-Imprimir-Límite-en-JavaScript-.html" >Cómo configurar la página Imprimir Límite en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-comprobar-permisos-de-Windows-compartido-de-red-en-Java-.html" >Cómo comprobar permisos de Windows compartido de red en Java </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-onSubmit-.html" >Cómo cambiar onSubmit </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-utilizar-expresiones-regulares-con-JavaScript-.html" >Cómo utilizar expresiones regulares con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-habilitar-y-deshabilitar-los-cuadros-de-texto-en-Javascript-.html" >Cómo habilitar y deshabilitar los cuadros de texto en 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>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 