css 有什么方法可以随机显示提交的输入吗?

oxf4rvwz  于 2023-02-20  发布在  其他
关注(0)|答案(1)|浏览(96)

我还不是一个超级棒的javascript,我主要是一个前端的人。我试图让人们的提交在屏幕上是随机的,但不完全知道如何(如果它擦除一切与页面刷新)。我有这样的:

<script>
function myFunction() {
    var x = document.getElementById("myText").value;
    document.getElementById("demo").innerHTML = x;
    }
</script>

这给了我一个选项,有人提交的东西,它出现在底部,但我试图让每个回应随机在屏幕上的某个地方。
我把输入显示在文本框下面,但不知道如何显示多个答案,然后在屏幕上随机排列。

6jjcrrmo

6jjcrrmo1#

创建多个显示响应的元素,然后在显示时随机选择其中一个。

function myFunction() {
  var x = document.getElementById("myText").value;
  let divs = document.querySelectorAll(".demo");
  let chosen = divs[Math.floor(Math.random() * divs.length)];
  chosen.innerText = x;
}
.demo {
  height: 20px;
}
<input id="myText"> <button onclick="myFunction()">Enter</button>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>

相关问题