Text-Based Doom-Like Game aka DOOM by @cgptgamesandsites - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<map>Inserisce immagini mappa cliccabili in un documento
<h1>Titolo di intestazione di primo livello
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
<body>Tag primario di un documento HTML
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
_parentApre collegamenti ipertestuali nell'elemento genitore

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Menu di Pizzeria Rebeka a Modena -

tabella ennesima

Prima Coccola ebay

Modulo multi Processo

Better Call Saul

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Text-Based Doom-Like Game</title>
    <style>
        body {
            font-family: monospace;
            text-align: center;
            margin-top: 50px;
        }
        #output {
            font-size: 18px;
            white-space: pre-wrap;
            margin-bottom: 20px;
        }
        #input {
            font-size: 16px;
            padding: 5px;
        }
    </style>
</head>
<body>

<h1>Doom-Like Text-Based Game</h1>

<div id="output"></div>
<input type="text" id="input" placeholder="Enter a command..." onkeydown="handleInput(event)">

<script>
    const outputElement = document.getElementById("output");
    const inputElement = document.getElementById("input");
    let playerHealth = 100;
    let currentRoom = "start";

    function displayRoom() {
        const roomText = rooms[currentRoom].description;
        const healthText = `Player Health: ${playerHealth}`;
        outputElement.textContent = `${roomText}\n\n${healthText}`;
    }

    function handleInput(event) {
        if (event.key === "Enter") {
            const command = inputElement.value.toLowerCase();
            inputElement.value = "";

            if (commands[command]) {
                commands[command]();
            } else {
                outputElement.textContent = "Invalid command. Type 'help' for a list of commands.";
            }

            displayRoom();
        }
    }

    const rooms = {
        "start": {
            description: "You find yourself in a dimly lit room. There are doors to the north and east.",
            north: "hallway",
            east: "storage",
        },
        "hallway": {
            description: "You are in a narrow hallway. There is a door to the south and a corridor to the west.",
            south: "start",
            west: "corridor",
        },
        "storage": {
            description: "You enter a storage room. Barrels and crates are scattered around.",
            west: "start",
        },
        "corridor": {
            description: "You walk down a dark corridor. There is a door to the east.",
            east: "hallway",
        },
    };

    const commands = {
        "help": function () {
            outputElement.textContent = "Commands:\nnorth, south, east, west, look, attack";
        },
        "north": function () {
            if (rooms[currentRoom].north) {
                currentRoom = rooms[currentRoom].north;
            } else {
                outputElement.textContent = "You can't go that way.";
            }
        },
        "south": function () {
            if (rooms[currentRoom].south) {
                currentRoom = rooms[currentRoom].south;
            } else {
                outputElement.textContent = "You can't go that way.";
            }
        },
        "east": function () {
            if (rooms[currentRoom].east) {
                currentRoom = rooms[currentRoom].east;
            } else {
                outputElement.textContent = "You can't go that way.";
            }
        },
        "west": function () {
            if (rooms[currentRoom].west) {
                currentRoom = rooms[currentRoom].west;
            } else {
                outputElement.textContent = "You can't go that way.";
            }
        },
        "look": function () {
            displayRoom();
        },
        "attack": function () {
            outputElement.textContent = "You swing your weapon at the air. There's nothing to attack here.";
        },
    };

    displayRoom();
</script>

</body>
</html>