将java脚本作为现值放入表单

Putting java script into a form as a present value

本文关键字：表单 java 脚本      更新时间：2023-09-26

我想做一个餐厅选择程序。它接受一个字符串数组，使用random函数，然后将选择显示到一个表单文本框中。

我不能使它工作。我已经做了4个小时了。JavaScript工作得很好，但我就是不能让它显示在文本框中。

<!DOCTYPE html>
    <html>
    <body>
    <button onclick="myFunction()">Generate Restaurant</button>
    <script>
    var food = ["Molinas", "Sonic", "Subway", "McDonalds", "Taco Bell","Pasanos", "Lone Star Eatery", "Chicken Express"];
    function myFunction() {
        var x = Math.floor((Math.random() * 8) + 0);
        document.getElementById("demo").innerHTML = food[x];
    }
    </script>
    <form>
    <input id="demo" type="text">
    </form>
    </body>
    </html>

这会是一个更好的方法吗?

<!DOCTYPE html>
<html>
<body>
<script>
var food = ["Molinas", "Sonic", "Subway", "McDonalds", "Taco Bell", "Pasanos", "Lone Star Eatery", "Chicken Express"];

function myFunction() {
    var x = Math.floor((Math.random() * 8) + 0);
    return food[x];
}

</script>
<form onsubmit="myFunction()">
  Enter name: <input type="text">
  <input type="submit">
</form>

</body>
</html>
相关文章：