Как создать случайное число и использовать его для действия?

Question

Моя основная идея - генерировать какие-то «случайные приветствия», и идея состоит в том, чтобы сгенерировать случайное число и зависит от числа, которое отображает «случайное приветствие». Вот мой не рабочий код:

<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> 

Я понятия не имею, что случилось в этом, пожалуйста, помогите!

Answer 1

Как вы можете видеть здесь код работает отлично:

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>