JavaScript le da la posibilidad de cambiar dinámicamente el contenido en la pantalla del navegador del usuario, ya que el guión reside y se ejecuta dentro del navegador del usuario . Por ejemplo , puede cambiar un valor de índice desplegable JavaScript consiguiendo valor de índice del elemento de la matriz
y cambiar la propiedad de texto de ese elemento. Debe asignar un nombre a la forma y al elemento SELECT en forma para hacer más fácil para hacer referencia a ellos. Instrucciones Crear una página Web que permita a un usuario para realizar pedidos y va a cambiar el nombre del elemento en " Sold Out" cuando no hay más a la izquierda . Crear un documento HTML con el Bloc de notas o un editor HTML y añadir las cabeceras HTML para el documento:
Pedir suministros < /title> <br> 2 <p > Agregar código Javascript para realizar un seguimiento del inventario y cambiar el nombre del artículo que Agotado cuando el inventario se va a cero. Inicialice las variables globales con el inventario inicial de cada elemento : <br> <p> <script> <br> <p> lápices var = 5 ; <br> <p> var papel = 5 ; <br> <p> var grapadoras = 5 ; <br> 3 <p> Crear una función de JavaScript que recibe el elemento seleccionado cuando el usuario hace clic en un botón de la orden . Utilice la propiedad " selectedIndex " para obtener el índice de elemento y la propiedad "text " para obtener su nombre : <br> <p> fin function () { <br> <p> índice var = document.supplies.items.selectedIndex ; <br> artículos var <p> = document.supplies.items [ index] texto; <br> 4 <p> establecer un indicador que indica un artículo se vende a . " falsa : " <br> < p > VENDIDO var = false; <br> 5 <p> Disminuir el inventario para el elemento seleccionado . Si el inventario cae a cero , cambiar el índice de texto desplegable para " Agotado : " switch <br> <p> (items) { <br> <p> caso " Lápiz ": <br> <p> - lápices ; <br> <p> if ( lápices == 0 ) VENDIDO = true; <br> <p> break; <br> <p> caso "Papel" : <br> <p> - papel; <br> <p> if ( papel == 0 ) VENDIDO = true; <br> <p> break; <br> <p> caso " grapadora" : <br> <p> - grapadoras ; <br> <p> if ( grapadoras == 0 ) VENDIDO = true; <br> <p> break; . <br> <p> } <br> <p> si ( VENDIDO ) document.supplies.items [ index] text = " Agotado " ; } <br> <p> <br> <p> < /script > <br> <p> < /head> <br> 6 <p> crear el formulario HTML y asigne el nombre que utilizó en la función JavaScript . Crear el cuadro desplegable con la etiqueta SELECT y utilice el nombre de la función JavaScript . Añadir los artículos con la etiqueta <option> y agregue un botón para llamar a la función de JavaScript : <br> <p> <body> <br> <p> <form name="supplies"> <br> < p> <select type = nombre de " botón" = valor " addtoorder " = "Orden " onclick = " order () ; "> <br> <p> < /form> <br> <p> < /body> <br> <p> < /html> <br> 7 <p> Guarde el archivo HTML. Abrir en un navegador y probar la funcionalidad . <br> <br>
<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/90949.html' >Cómo actualizar DIV </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/90951.html' >Como Llamar JavaScript partir de una plantilla HTML </a> </div>
</div>
<dl class=xgc>
<dt><span>JavaScript Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90940.html">Cómo girar texto de Licenciado en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90769.html">Códigos de PHP en JavaScript Sintaxis </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90748.html">¿Cómo hacer de desplazamiento acumulado Offset en jQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91184.html">Cómo comparar String de Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91225.html">Cómo diagnosticar problemas con javascript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90971.html">Cómo crear un borde parpadeante en DIV </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91108.html">Cómo cambiar el texto de un rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/270014.html">Cómo habilitar JavaScript en la tableta Amazon Fire </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/90912.html" >Cómo comprobar si DIV Got Focus en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91059.html" >Cómo ajustar el enfoque con jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91051.html" >Cómo agregar cadenas en Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91175.html" >Definición de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/313009.html" >¿Describe cómo JavaScript puede ser explotado por los atacantes? </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91079.html" >Cómo crear OOP JavaScript </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/91027.html" >Cómo dividir una cadena en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90823.html" >Cómo agregar números múltiples utilizando JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91233.html" >Cómo hacer una celda de tabla con enlace </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91081.html" >Cómo escribir en el registro de IIS </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90886.html" >Cómo utilizar ShrinkSafe Con NetBeans </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90792.html" >Tutorial de cómo instalar plugins jQuery </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> 