A javascript nyelv apró tulajdonságainak bemutatása
Html:
<html>
<head>
</head>
<body>
<script src="tok.js"></script>
<button onclick="csuzli()">GOMB</button>
<input type="text" id="alma"></input>
<input type="text" id="barack"></input>
<button onclick="puska()">uj</button>
<button onclick="agyu()">régi</button>
<button onclick="golyo()">de</button>
<button onclick="nyil()">nem</button>
</body>
</html>
És a Javascript (a fájl neve tok.js)!!!!:
// JavaScript source code
function csuzli() {
var x = Number (document.getElementById("alma").value);
var y = Number (document.getElementById("barack").value);
alert(x * 10);
alert(x / 5);
alert(x - 10);
alert(x + 10);
}
function puska() {
var x = Number(document.getElementById("alma").value);
var y = Number(document.getElementById("barack").value);
if (x > y) {
alert("elso nagyobb");
}
else {
alert("masodik a nagyobb");
}
}
function agyu() {
var x = Number(document.getElementById("alma").value);
for (var i = 0; i < x; i++) {
alert(i);
}
}
function golyo() {
var x = Number(document.getElementById("alma").value);
while (x < 10) {
alert(x);
x++;
}
}
function nyil() {
var x = Number(document.getElementById("alma").value);
do {
alert("bena");
x++;
} while (x < 10);
}
A weboldalon 5 gomb található. Mindegyik gomb a javasript fájlból más és más függvényeket hív meg!
- Csuzli függvény a két textbox-ból kapott értékekkel végez matematikai alapmüvelet. Minden esetben a müveletek kiírása alert üzeneten keresztül történik
- Puska: a két textbox elemzésén keresztül mutatja be az egyszerű eldöntendő eljárás müködését
- Agyu: az első textboxban megadott érték szerint ismétli meg a felugró ablakot
- golyo: az elöltesztelő eljárás fut az első tesxtboxban megadott érték segítségével, ahogy igazodik 10-hez
- nyil: a a hátultesztelő eljárás fut az első textboxban megadott érték segítségével, ahogy igazodik 10-hez