JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gamewrapper">
        <div id="stage"> 
  		<h1 id="gameh1">AGENT 007</h1>
 		<img src="" img id="gameimg" width="300" height="267"> 
  		<p id="output"></p>
  		<input id="input" type="text">
  		<div id="gamebuttons">
        <button id="up" button onClick="">UP</button>
        <button id="down" button onClick="">DOWN</button>
        <button id="left" button onClick="">LEFT</button>
        <button id="right" button onClick="">RIGHT</button>
        </div>
        <button>GO!</button> 
		</div> 
        </div> <!--slut på #gamewrapper-->
		<!--Her starter scriptet til spillet-->
		<script src="js/game.js"></script>

JavaScript

//Create the map
var map = [];

map[0] = "Her er et tomt kontor.";
map[1] = "Du har fundet et hemmeligt våbenlager";
map[2] = "Her er basens køkken";
map[3] = "Kontrolrummet!";
map[4] = "Hemmeig indgang til basen.";
map[5] = "Stor tom lagerhal.";
map[6] = "Lille depotrum.";
map[7] = "Mørk kældergang.";
map[8] = "Vagtrum! PAS PÅ!";

//Set the player's start location
var mapLocation = 4;

//Set the images
var images = [];

images[0] = "kontor.jpg";
images[1] = "vaabenrum.jpg";
images[2] = "koekken.jpg";
images[3] = "kontrolrum.jpg";
images[4] = "hemmeligindgang.jpg";
images[5] = "lagerhal.jpg";
images[6] = "depotrum.jpg";
images[7] = "kaeldergang.jpg";
images[8] = "vagtrum.jpg";

//Set the blocked path messages
var blockedPathMessages = [];

blockedPathMessages[0] = "Jeg har ikke fuldført min mission endnu!!";
blockedPathMessages[1] = "Jeg skal ødelægge kontrolrummet, jeg kan ikke tage hjem endnu!";
blockedPathMessages[2] = "Der er intet den vej! Jeg skal fuldføre min mission.";
blockedPathMessages[3] = "Ikke den vej! Vi skal ødelægge kontrolrummet!";
blockedPathMessages[4] = "";
blockedPathMessages[5] = "Vi er ikke færdige med missionen! Find en anden vej!";
blockedPathMessages[6] = "Ikke den vej! Vi skal ødelægge kontrolrummet!";
blockedPathMessages[7] = "Vi kan ikke tage hjem endnu, vi skal ødelægge kontrolrummet!";
blockedPathMessages[8] = "Vi skal ødelægge kontrolrummet, find den rigtige vej!";

//Set the blocked path messages
var helpMessages = [];

helpMessages[0] = "Her er ikke rigtig noget jeg kan bruge.";
helpMessages[1] = "Jeg kunne godt bruge et våben, måske jeg skulle bruge mit nøglekort? HINT: Skriv 'brug noeglekort'";
helpMessages[2] = "Her er ikke rigtig noget jeg kan bruge.";
helpMessages[3] = "Hvis du havde noget dynamit, kunne du måske sprænge kontrolrummet i luften?";
helpMessages[4] = "Her er ikke rigtig noget jeg kan bruge.";
helpMessages[5] = "Her er ikke rigtig noget jeg kan bruge.";
helpMessages[6] = "HINT: Skriv 'tag...