Question

我有一个作业，我必须创建一个基于JavaScript的应用程序（我已经完成了）＆lt;但我现在的问题是我必须使用两个文本框，一个是输入你的名字，另一个是输入你的姓氏。输入后，单击提交按钮，我需要一个随机图像（五个中）出现，然后慢慢跳转到应用页面。我知道我必须使用数学随机码。但我不知道如何使用提交，然后每次点击提交时生成不同的图片（五个）。

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

创建随机图像

2 个答案: