Egyszerű számjáték!

 A játékon keresztül talán könnyebben meg lehet érteni a Javascript működését! 

A játék során generálunk egy véletlenszámot, amit a játékosnak ki kell találni.

HTML:

<!DOCTYPE html>


<html lang="hu" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title></title>

    <script src="kulso.js"></script>

</head>

<body>

    <p id="ide" ></p>

    <button onclick="vau()">Gomb</button>

    <input type="text" id="tipp">

    <button onclick="vau2()">Gomb</button>

    <p id="oda"></p>

</body>

</html>


Javascript

// JavaScript source code

var x;

function vau() {

    x = Number( Math.floor(Math.random() * 11));   

    document.getElementById("ide").innerHTML = x;

}


function vau2() {

    var y = Number(document.getElementById("tipp").value);    

    if (y > x) {

        document.getElementById("oda").innerHTML = "Kisebb";

    } else if (y < x) {

        document.getElementById("oda").innerHTML = "Nagyobb";

    } else {

        document.getElementById("oda").innerHTML = "Megvan";

    }

}

Az első gombra klikkeléskor generálunk egy véletlenszámot 1 és 10 között. A függvényeken átnyúló változó segítségével a program bármelyik részén elérhető ennek értéke. A második gomb meghívja a vau2 függvényt, ami eldönti, hogy a kész érték hogyan szerepel a behozott tippel együtt.


Javascript cikkek