Wie man eine Zufallszahl erzeugt und sie zum Handeln benutzt?

Question

Meine Hauptidee besteht darin, eine Art "Zufallsgrüße" zu erzeugen, und die Idee besteht darin, eine Zufallszahl zu generieren, und hängt von der Nummer ab, die "zufällige Begrüßung" anzeigt. Hier ist mein nicht funktionierenden Code:

<p class="status">Your random splash screen: <span id="greeting">You don't have one</span></p> 
<script> 
var x = Math.floor((Math.random() * 4) + 1); 
if (x == 1) { 
    document.getElementById("greeting").innerHTML = "Greeting 1"; 
} else if (x == 2) { 
    document.getElementById("greeting").innerHTML = "Greeting 2"; 
} else if (x == 3) { 
    document.getElementById("greeting").innerHTML = "Greeting 3"; 
} else if (x == 4) { 
    document.getElementById("greeting").innerHTML = "Greeting 4"; 
} 
</script> 

Ich habe keine Ahnung, was in es falsch ist, bitte helfen!

Answer 1

Wie man hier sehen kann der Code funktioniert gut:

var x = Math.floor(Math.random() * 4); 
 
var greetings = ['Greeting 1', 'Greeting 2', 'Greeting 3', 'Greeting 4']; 
 

 
document.getElementById("greeting").innerHTML = greetings[x];

<p id="greeting">Nice to meet you!</p>