Guessing the Number Game

Simple JavaScript example of guess the number game.

by Marc Chehab

HTML

<h1>Harhar, errate die Zahl oder ich klau dir all Dein Geld!</h1>
<img src="https://easydrawingguides.com/wp-content/uploads/2021/06/how-to-draw-a-pirate-featured-image-1200.png" />
<p>
    <input type='text' name="inputGuess" id="inputGuess" class="" placeholder="Eine Nummer von 1-100" />
    <button id="submit" class="" onclick="aGuess()">Rate</button>

<div class='results' id='results'></div>

CSS

img {
  width:200px;
}

body {
  text-align: center;
}

JavaScript

var secretNum = 0;
var message = '';
var count = 0;
var results = document.getElementById('results');

function initialisierteGame(){
  secretNum = Math.round(Math.random()*100);
  count = 0;
}
initialisierteGame();

function aGuess(){
secretNum = 50;
	var num = document.getElementById('inputGuess').value;
  if (num < secretNum){
    message='WOOOOOW DAS WAR JA MEEEEEGAAAA SCHLECHT!';
  } else if (num < secretNum) {
    message='Ha! Zu niedrig! Versuchs nochmal, du Landei!';
  } else if (num > secretNum){
    message='Hahaha... Viel zu hoch! So hoch ist nicht mal mein Kopfgeld!';
  } else if (num == secretNum){
    message='Ooh.... Das, das stimmt! Naja, dann raub ich eben den Herrn Chéhab aus. Der schaffts bestimmt nicht in ' + count + ' Versuchen.';
  }
  results.innerHTML = '<p>' + message + '</p>';
  count++;
}