How to generate random number and use it for action?

Question

My main idea is generating some kind of "random greetings" and the idea is to generate a random number, and depends on the number to display "random greeting". Here is my non working 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>

I have no idea what's wrong in it, please help!

Answer 1

As you can see here the code works fine:

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>