Schere Stein Papier als Browsergame in Javascript

4 Lösungen

Fortgeschrittener - JavaScript von Programmer21 - 05.05.2019 um 21:42 Uhr

Die Aufgabe ist ein Schere Stein Papier Spiel in Javascript zu Programmieren.
Man soll gegen einen Computer-Gegner spielen.

Bitte melden Sie sich an um zur Aufgabenbeschreibung eine Frage zu stellen.

Frage stellen

Bitte melden Sie sich an um eine Lösung einzureichen.

Lösung einreichen

von m4rtin (50 Punkte) - 11.04.2021 um 14:37 Uhr

HTML-Code

<!DOCTYPE html>
<html>

<body>

    <input type="text" id="yourText" value="">

    <p>Geben Sie Schere, Stein, Papier oder Brunnen ein</p>

    <button onclick="myFunction()">Los</button>

    <p id="demo"></p>

    <script>
        function myFunction() {
            result = "initial";
            yourText = document.getElementById("yourText").value;

            function getRandomIntInclusive(min, max) {
                var d = new Date();
                var n = d.getMilliseconds();
                return Math.round((n / 1000) * (max - min)) + min;
            }

            myText = getRandomIntInclusive(0, 3)

            // ========= Umwandlung =========

            switch (myText) {
                case 0: myText = "Schere"; break;
                case 1: myText = "Stein"; break;
                case 2: myText = "Papier"; break;
                case 3: myText = "Brunnen"; break;
            }

            // ========= Abfrage 1 =========

            if (myText === "Schere") {
                switch (yourText) {
                    case "Schere": result = 0; break;
                    case "Stein": result = 1; break;
                    case "Papier": result = 2; break;
                    case "Brunnen": result = 1; break;
                }
            }

            // ========= Abfrage 2 =========

            if (myText === "Stein") {
                switch (yourText) {
                    case "Schere": result = 2; break;
                    case "Stein": result = 0; break;
                    case "Papier": result = 2; break;
                    case "Brunnen": result = 1; break;
                }
            }

            // ========= Abfrage 3 =========

            if (myText === "Papier") {
                switch (yourText) {
                    case "Schere": result = 1; break;
                    case "Stein": result = 1; break;
                    case "Papier": result = 0; break;
                    case "Brunnen": result = 2; break;
                }
            }

            // ========= Abfrage 4 =========

            if (myText === "Brunnen") {
                switch (yourText) {
                    case "Schere": result = 2; break;
                    case "Stein": result = 2; break;
                    case "Papier": result = 1; break;
                    case "Brunnen": result = 0; break;
                }
            }

            // ========= Umwandlung =========

            switch (result) {
                case 0: result = "Computer hat " + myText + ": Patt"; break;
                case 1: result = "Computer hat " + myText + ": Spieler hat gewonnen!"; break;
                case 2: result = "Computer hat " + myText + ": Computer hat gewonnen!"; break;
            }


            document.getElementById("demo").innerHTML = result;
        }

    </script>

</body>

</html>