Question

我正在尝试使用javascript x html字段找出并构建代码，以定义将用于启动和控制循环的特定数字，并将导致显示图像。

假设[enclose]是字段，将由用户输入;

起始编号：[userinputStart]
结束号码：[useerinputEnd]

<script>
function myFunction()
{
var x="", i = [userinputStart];
do
  {
  x=x + "<img src=\"http://examplepage.com/" + i + ".jpg\">";
  i++;
  }
while (i< [userinputEnd])  
document.getElementById("display").innerHTML=x;
}
</script>

<button onclick="myFunction()">Generate</button>

<div id="display"></div>

如果用户输入：[userinputStart] = 4，[userinputEnd] = 6

显示应为src =

的图像

examplepage.com/4.jpg
examplepage.com/5.jpg
examplepage.com/6.jpg

我可以使用java6执行相同的功能，但我不确定如何在html中使用字段。

Answer 1

您没有从任何地方获取输入。获取用户输入的最佳方法是使用prompt()或input字段。在您的情况下，使用prompt()来获取用户的输入会更容易。

将您的代码更改为：

i = prompt("Enter the starting value:", "here...");

在你的while循环中，不要从那里获得用户的输入。而是将其存储在如下变量中：

j = prompt("Enter the ending value:", "here...");

让你的while循环看起来像：

while (i < j)

但最好的方法是，你需要将参数传递给myFunction本身，例如：

myFunction(i, j)

Answer 2

您只需修改功能即可按以下方式接收参数：

function myFunction(userinputStart, userinputEnd){

// your stuff

}

然后在代码中添加 HTML按钮以调用您的函数，使用textfields值作为参数，如下所示：

<input type=button onclick="myFunction(document.getElementById('txt1').value,document.getElementById('txt2').value)" />

所有那些认为你的功能正确无法实现目标的

使用html输入和javascript的简单图像生成器

2 个答案: