Javascript 创建随机图像

我有一个任务，我必须创建一个基于JavaScript的应用程序，我已经完成了，<但我现在的问题是，我必须使用两个文本框，一个是输入您的姓名，另一个是输入您的姓氏。一旦你输入，并点击提交按钮，我需要一个随机图像五个出现，然后慢慢跳转周围的应用程序页面。我知道我必须使用数学随机码。但我不知道如何使用“提交”，然后每次单击“提交”时从五张图片中生成不同的图片。

您可以将图像保存在数组中，然后使用0到4之间的math.random获得随机图像。您将所有这些内容放在一个函数中，并在submit上触发该函数

试试这样的方法：

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()" />