創建隨機圖片

Question

我有一個任務，我必須創建一個基於JavaScript的應用程序（我已經完成）<但我現在的問題是我必須使用兩個文本框，一個是輸入你的名字，另一個是輸入你的姓氏。一旦你輸入了，然後點擊提交按鈕，我需要一個隨機圖像（五分之一）出現，然後慢慢地跳過應用程序頁面。我知道我必須使用數學隨機碼。但是，我不知道如何使用提交，然後每次單擊提交時生成不同的圖片（五分之一）。

Answer 1

您可以將圖像保存在數組中，然後使用0到4之間的math.random來獲取隨機圖像。你把所有這些東西放在一個函數中，並觸發onsubmit函數。

Answer 2

嘗試這樣：

var image_urls = [ "1.png", "2.png", "3.png", "4.png", "5.png" ]; 
var selected_image; 

function PickImage() 
{ 
    selected_image = image_urls[Math.floor(Math.random() * image_urls.length)]; 
    document.getElementById("image_element").src = selected_image; 
} 

HTML：

<img id='image_element'> 
<input type="button" value="Submit" onclick="PickImage()" />