随机生成用户输入

时间:2016-05-10 16:13:04

标签: javascript random input

我真的很喜欢编码,我想知道是否有可能随机生成用户提交的条目。

例如。 如果用户输入5个单词, 然后它们会以一种按钮的方式存储,只需单击“下一步”并随机移动它们。

我已经四处检查但似乎无法找到任何东西, 请帮忙!! 感谢

1 个答案:

答案 0 :(得分:0)

您的问题非常抽象,但以下答案详述如下:

用户可以保存无限数量的单词。 然后,按钮可以随机取出其中一个单词并将其显示在屏幕上。

预览

https://jsfiddle.net/gwcq2qc9/1/

<强> HTML

<input id="word"><button id="save">save</button>
<br><br>
<button id="show">show</button><br>
Random: <span id="output">...</span>

<强>的javascript

var words  = [];
var input  = document.getElementById('word');
var saveButton = document.getElementById('save');
var showWordButton = document.getElementById('show');
var output = document.getElementById('output');

saveButton.addEventListener('click', function () {
  words.push(input.value);
  input.value = '';
}, false);

showWordButton.addEventListener('click', function () {
  output.innerHTML = getRandomWord();
})

function getRandomWord () {
  return words[Math.floor(Math.random()*words.length)]
}