JavaScript geeft u de mogelijkheid om dynamisch de inhoud te wijzigen op browser -scherm van de gebruiker omdat het script woont en werkt in de browser van de gebruiker. Bijvoorbeeld , kunt u een drop-down indexwaarde in JavaScript te wijzigen door het verkrijgen indexwaarde van het element in de array en het wijzigen van de eigenschap text van dat element . Je moet een naam geven aan de vorm en de element in de vorm om het gemakkelijk om ze te verwijzen . Instructies Maak een webpagina die een gebruiker zal toestaan om benodigdheden te bestellen en zal de naam van het item op " Sold Out " als er geen meer links veranderen . Maak een HTML-document met Kladblok of een HTML-editor en de HTML- headers toe te voegen aan het document : < ! DOCTYPE HTML >
Benodigdheden bestellen <br> < /title > kopen van 2 <p > Voeg javascript-code op de voorraden te beheren en wijzigen van de naam van het item te Uitverkocht wanneer de inventaris gaat naar nul . Initialiseren globale variabelen met het starten van inventaris voor elk item : <p> <script> <br> <p> var potloden = 5 <br> ; <p> var papier = 5 <br> ; <p> var <br> nietmachines = 5 ; <br> 3 <p> Maak een JavaScript-functie die het geselecteerde item krijgt als de gebruiker een opdracht knop klikt . Gebruik de " selectedIndex " eigenschap om het item index en de " tekst" eigenschap om zijn naam te krijgen : <p> functie om <br> ( ) { var <p> index <br> = document.supplies.items.selectedIndex ; <p> var artikelen <br> = document.supplies.items [ index] tekst ; <br> 4 <p> Stel een vlag die een artikelen aangeeft is uitverkocht aan . " vals : " <br> <p > var soldout = false; <br> 5 <p> Decrement de inventaris voor het geselecteerde item . Als de inventaris valt op nul , veranderen de drop-down index tekst naar " Sold Out : " <p> schakelaar <br> ( items ) { <p> case " Potlood " : <br> <p> - potloden ; <br> <p> if ( potloden == 0 ) sOLDOUT = true; <p> break <br> ; <p> case " Paper " : <br> <p> - papier; < br > <p> als (papier == 0 ) sOLDOUT = true; <p> break <br> ; <p> geval <br> " nietmachine " : <br> <p> - nietmachines ; <br> <p> if ( nietmachines == 0 ) sOLDOUT = true; <p> break <br> ; . <p> } <br> <p> <br> if ( soldout ) document.supplies.items [ index] text = " Uitverkocht " ; <br> <p> < /head > <br> <p> } <p> < /script > <br> 6 <p> Maak de HTML- formulier en geef het de naam je gebruikt in de JavaScript-functie . Maak de keuzelijst met de <select> tag en gebruik de naam van de JavaScript-functie . Voeg de items met de <option> tag en voeg een knop om de JavaScript- functie aan te roepen : <p> <body> <p> <form name="supplies"> <br> <p > < select type = " button " name = " addtoorder " value = "Order " onClick = " order ( ) ; " > <br> <p> < /form > <br> <p> < /body > <br> <p> < /html > <br> 7 <p> Sla het HTML- bestand . Openen in een browser en test de functionaliteit . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/90949.html' >Hoe te DIV bijwerken </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/90951.html' >Hoe je JavaScript Call Vanuit een HTML- sjabloon </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>JavaScript Programmeren</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91222.html" title="Hoe kan ik een afbeelding zoeken op een website te maken " target="_self">Hoe kan ik een afbeelding zoek…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90834.html" title="Hoe maak je een Resig MicroTemplate Gebruik " target="_self">Hoe maak je een Resig MicroTem…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90994.html" title="Hoe je externe JS in JavaScript Include " target="_self">Hoe je externe JS in JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90842.html" title="JavaScript : Redirect naar Pagina " target="_self">JavaScript : Redirect naar Pag…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90963.html" title="Het verwijderen van een verticale schuifbalk in JavaScript " target="_self">Het verwijderen van een vertic…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91109.html" title="Hoe te orderformulier totalen berekenen in JavaScript " target="_self">Hoe te orderformulier totalen …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91147.html" title="Hoe te Text Based Browser Games " target="_self">Hoe te Text Based Browser Game…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91129.html" title="Hoe te berekenen in Java Script " target="_self">Hoe te berekenen in Java Scrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91095.html" title="Wat veroorzaakt Done Maar met fout op een pagina ? " target="_self">Wat veroorzaakt Done Maar met …</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95489.html" title="Hoe de primaire sleutel Bewerken " target="_self">Hoe de primaire sleutel Bewerken </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85415.html" title="Hoe te NIB hernoemen naar XIB in Xcode " target="_self">Hoe te NIB hernoemen naar XIB in Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85263.html" title="Hoe te converteren CPP om DLL " target="_self">Hoe te converteren CPP om DLL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86431.html" title="Wat is een gecompileerde Signature ? " target="_self">Wat is een gecompileerde Signature ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94335.html" title="Hoe maak je een Motorola RAZR2 als webcam " target="_self">Hoe maak je een Motorola RAZR2 als webca…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92518.html" title="Hoe je MySQL Downloaden voor Linux " target="_self">Hoe je MySQL Downloaden voor Linux </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95823.html" title="Hoe om gegevens van DataGridView in Visual Basic Net Krijg " target="_self">Hoe om gegevens van DataGridView in Visu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87432.html" title="Lijst van CF9 functies " target="_self">Lijst van CF9 functies </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/perl-programming/201309/93382.html" title="Hoe naar CSV -bestanden lezen in Perl " target="_self">Hoe naar CSV -bestanden lezen in Perl </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis https://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
