Okay, let's modify the text adventure game to allow choosing the next room after certain points and to change room names. I'll update the `game.js` file to include choices in the `treasureRoom` and change some room names. Text Adventure Game

Text Adventure

body { font-family: 'Courier New', Courier, monospace; background-color: #1a1a1a; color: #0f0; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; } #game-container { border: 2px solid #0f0; padding: 20px; width: 80%; max-width: 600px; background-color: #000; box-shadow: 0 0 10px #0f0; } h1 { text-align: center; color: #0f0; border-bottom: 1px solid #0f0; padding-bottom: 10px; } #output { height: 300px; overflow-y: auto; border: 1px solid #0a0; padding: 10px; margin-bottom: 15px; white-space: pre-wrap; /* Preserve line breaks */ background-color: #050505; } #input-area { display: flex; } #user-input { flex-grow: 1; padding: 8px; background-color: #111; border: 1px solid #0f0; color: #0f0; font-family: inherit; } #user-input::placeholder { color: #0a0; } #submit-button { padding: 8px 15px; background-color: #050; border: 1px solid #0f0; color: #0f0; cursor: pointer; margin-left: 10px; font-family: inherit; } #submit-button:hover { background-color: #080; } .command { color: #aaa; /* Style user commands differently */ } .error { color: #f00; /* Style error messages */ } // Define the rooms and their connections const rooms = { start: { id: 'start', name: 'Old Library Entrance', // Changed name description: 'You stand in the dusty entrance of an old library. Cobwebs hang thick in the air. There is a doorway leading north.', nextRoom: 'hallway', commands: { 'look': 'You see thick dust, cobwebs, and a single doorway north.', 'north': 'hallway', 'go north': 'hallway', } }, hallway: { id: 'hallway', name: 'Main Hall', // Changed name description: 'You are in the Main Hall. Bookshelves line the walls, mostly empty. The hall continues north. You hear a faint rustling sound from the east.', nextRoom: 'readingRoom', // Default if just typing 'north' without choice commands: { 'look': 'Empty bookshelves tower over you. There\'s a path north and something interesting to the east.', 'north': 'readingRoom', 'go north': 'readingRoom', 'east': 'study', 'go east': 'study', } }, study: { id: 'study', name: 'Small Study', description: 'This was a small study. A desk sits against one wall, covered in papers. A passage leads west back to the Main Hall.', nextRoom: 'hallway', // Default if just typing 'west' commands: { 'look': 'You see a desk with papers and the way back west.', 'examine desk': 'The papers seem to be old research notes, mostly illegible.', 'examine papers': 'The papers seem to be old research notes, mostly illegible.', 'west': 'hallway', 'go west': 'hallway', } }, readingRoom: { id: 'readingRoom', name: 'Grand Reading Room', // Changed name description: 'You enter a vast reading room. Large windows are boarded up. In the center lies a pedestal. Passages lead south and east.', nextRoom: 'treasureRoom', // Default if just typing 'east' commands: { 'look': 'The room is large and empty except for a central pedestal. Windows are boarded. Exits are south and east.', 'examine pedestal': 'The pedestal is empty, but there are markings suggesting something heavy once sat here.', 'south': 'hallway', 'go south': 'hallway', 'east': 'treasureRoom', 'go east': 'treasureRoom', } }, treasureRoom: { id: 'treasureRoom', name: 'Hidden Alcove', // Changed name description: 'You\'ve found a hidden alcove! It contains an old chest.\nWhat do you want to do?\n1. Open the chest\n2. Go back west', choices: { // Added choices '1': 'chestOpen', 'open chest': 'chestOpen', 'open': 'chestOpen', '2': 'readingRoom', 'go back': 'readingRoom', 'west': 'readingRoom', 'go west': 'readingRoom', }, commands: { // Keep basic commands if needed, but choices take precedence 'look': 'An old chest sits in this hidden alcove. The only way back is west.', } }, chestOpen: { // New state/room after opening chest id: 'chestOpen', name: 'Opened Chest', description: 'You open the chest. Inside, you find an ancient map!\nWhere to next?\n1. Follow the map (leads outside)\n2. Return to the Reading Room', choices: { '1': 'end', 'follow map': 'end', 'follow': 'end', 'map': 'end', '2': 'readingRoom', 'return': 'readingRoom', 'go back': 'readingRoom', }, commands: { 'look': 'The chest is open, revealing an old map. You can follow it or go back.', } }, end: { id: 'end', name: 'Outside', description: 'Following the map, you find a secret passage leading outside. You\'ve escaped the old library! THE END.', nextRoom: null, // End of the game commands: {} }, }; let currentRoomId = 'start'; const outputElement = document.getElementById('output'); const inputElement = document.getElementById('user-input'); const buttonElement = document.getElementById('submit-button'); // Function to display room information function displayRoom(roomId) { const room = rooms[roomId]; if (!room) { addToOutput("Error: Room not found!", "error"); return; } // Clear previous specific choices prompt if any, keep general description let outputText = `\n--- ${room.name} ---\n${room.description}`; addToOutput(outputText); currentRoomId = roomId; // Update current room AFTER displaying } // Function to add text to the output area function addToOutput(text, className = "") { const p = document.createElement('p'); p.textContent = text; if (className) { p.classList.add(className); } outputElement.appendChild(p); // Scroll to the bottom outputElement.scrollTop = outputElement.scrollHeight; } // Function to handle user input function handleInput() { const inputText = inputElement.value.trim().toLowerCase(); inputElement.value = ''; // Clear input field if (!inputText) { return; // Ignore empty input } addToOutput(`> ${inputText}`, "command"); // Display user command const room = rooms[currentRoomId]; if (!room) { addToOutput("Error: Current room state is invalid.", "error"); return; } let handled = false; // 1. Check for choices first if (room.choices) { const choiceTarget = room.choices[inputText]; if (choiceTarget && rooms[choiceTarget]) { displayRoom(choiceTarget); handled = true; } // If input didn't match a specific choice key, maybe it matches a command? } // 2. If not handled by choices, check room-specific commands if (!handled && room.commands) { const commandResult = room.commands[inputText]; if (commandResult) { // Check if the result is a room ID if (rooms[commandResult]) { displayRoom(commandResult); } else { // Otherwise, it's just text to display addToOutput(commandResult); } handled = true; } } // 3. If not handled yet, check for default nextRoom (less common now with explicit commands/choices) // This might be removed or refined depending on desired game flow. // For now, let's keep it simple: only explicit commands/choices move rooms. /* if (!handled && room.nextRoom && (inputText === 'go' || inputText === 'move' || inputText === 'next')) { if (rooms[room.nextRoom]) { displayRoom(room.nextRoom); handled = true; } else if (room.nextRoom === null) { addToOutput("There's nowhere else to go from here."); handled = true; } } */ // 4. If still not handled, show an error if (!handled) { // Provide more specific feedback if the room has choices but input didn't match if (room.choices) { addToOutput("Invalid choice. Try one of the options listed.", "error"); } else { addToOutput("Unknown command. Try 'look', 'north', 'east', 'south', 'west', or specific actions mentioned.", "error"); } } // Check if the game has ended if (rooms[currentRoomId]?.nextRoom === null && currentRoomId !== 'start') { // Avoid immediate end message at start if start had null nextRoom inputElement.disabled = true; buttonElement.disabled = true; addToOutput("\n--- Game Over ---"); } } // Event listeners buttonElement.addEventListener('click', handleInput); inputElement.addEventListener('keypress', (event) => { if (event.key === 'Enter') { handleInput(); } }); // Initial game start displayRoom(currentRoomId); Now, when you reach the "Hidden Alcove" (previously the treasure room), you'll be presented with choices (1 or 2) to proceed. I've also renamed several rooms and added a simple branching path based on opening the chest.