Hlavní nabídka: |
Základy
Reference
Příklady
|
|
|
Kalkulačka
V tomto příkladě si ukážeme, jak pomocí JS počítat.
Zdrojový kód:
<HTML>
<HEAD>
<TITLE>Kalkulačka</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
n=[0,1,2,3,4,5,6,7,8,9];
z=["+","-","*","/","."];
function c(f) { f.vyraz.value=eval(f.vyraz.value); }
function i(f,string) { f.vyraz.value+=string; }
function d(f) { f.vyraz.value=""; }
// -->
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0">
<TR>
<TD COLSPAN="4">
<INPUT TYPE="text" NAME="vyraz" SIZE="21" STYLE="font-size: 10px">
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" VALUE=" 7 " onClick="i(form,n[7]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 8 " onClick="i(form,n[8]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 9 " onClick="i(form,n[9]);">
</TD>
<TD ALIGN="LEFT">
<INPUT TYPE="button" VALUE=" / " onClick="i(form,z[3]);">
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" VALUE=" 4 " onClick="i(form,n[4]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 5 " onClick="i(form,n[5]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 6 " onClick="i(form,n[6]);">
</TD>
<TD ALIGN="LEFT">
<INPUT TYPE="button" VALUE=" * " onClick="i(form,z[2]);">
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" VALUE=" 1 " onClick="i(form,n[1]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 2 " onClick="i(form,n[2]);">
</TD>
<TD>
<INPUT TYPE="button" VALUE=" 3 " onClick="i(form,n[3]);">
</TD>
<TD ALIGN="LEFT">
<INPUT TYPE="button" VALUE=" - " onClick="i(form,z[1]);">
</TD>
</TR>
<TR>
<TD COLSPAN="3">
<INPUT TYPE="button" VALUE=" 0 " onClick="i(form,n[0]);">
</TD>
<TD ALIGN="LEFT">
<INPUT TYPE="button" VALUE=" + " onClick="i(form,z[0]);">
</TD>
</TR>
<TR>
<TD COLSPAN="3">
<INPUT TYPE="button" VALUE=" = " onClick="c(form);">
<INPUT TYPE="button" VALUE=" C " SIZE="3" onClick="d(form);">
</TD>
<TD ALIGN="LEFT">
<INPUT TYPE="button" VALUE=" ." onClick="i(form,z[4]);">
</TD>
</TABLE>
</FORM>
</BODY>
</HTML>
Výsledek:
Vysvětlení činnosti:
I když se to na první pohled nemusí zdát, je tento příklad jednoduchý. Kalkulačka využívá jen dvě pole a tři funkce. V prvním poli jsou obsaženy čísla a ve druhém znaménka pro operace. První funkce přiřadí hodnotu prvku formuláře. Tato hodnota bude spočívat v tom, že pomocí příkazu eval vyhodnotíme jeho dosavadní obsah. Pro méně chápavé, vypočte operace, čili plní úlohu "=". Druhá funkce přidá hodnotě prvku formuláře daný řetězec, který se bude předávat funkci jako atribut. Čili každému tlačítku ve formuláři přiřadíme ve funkci atribut, který bude jeden daný prvek z některého z polí. Poslední funkce přiřadí prázdnou hodnotu prvku formuláře. Čili vynuluje obsah. Poté již jen přiřadíme ovladače událostí jednotlivým tlačítkům, které aktivují dané funkce.
01.08.2002 | Příklady | David Havlíček
|
|
Dnes je 20. 04. 2024 Svátek má Marcela | |
Bleskové aktuality: |
10.12.2002 Dlouho jsme tu neměli příklady, tak co kdybychom si dneska jeden dali?
07.12.2002 Poslední operáty, které si představíme, jsou speciální.
02.12.2002 Po delší pauze si představíme další operátory - řetězcové.
17.11.2002 Next operátory jsou přiřazovací.
10.11.2002 Jedněmi z posledních operátorů jsou porovnávací.
02.11.2002 Už jste slyšeli o logických operátorech? Pár jich taky je.
29.10.2002 Dalšími operátory jsou bitové.
26.10.2002 Dnes si představíme první z řady operátorů - aritmetické operátory.
24.10.2002 Další částí referencí jsou příkazy.
18.10.2002 Dnes se mrkneme na referenční přehled funkcí.
12.10.2002 Window je objekt, který má snad nejvíce metod a vlastností, tak se mu dnes podíváme na zoubek.
06.10.2002 Netradičně v neděli další objekt - string.
28.09.2002 Další sobota. Další objekt - screen.
21.09.2002 Hodně používáný je objekt navigator. Proto se na něj dneska zaměříme.
14.09.2002 Po týdenní pauze další referenční článek o objektu - tentokrát Math.
07.09.2002 Objekt location bude náš dnešní cíl.
04.09.2002 Na paškál si tentokrát vezmeme objekt history.
|
|
|