Javaスクリプトを現在の値としてフォームに入れよう

私はレストランを選択してプログラムを作ろうとしています。文字列の配列をとり、ランダム関数を使用して、その選択肢をフォームテキストボックスに表示します。Javaスクリプトを現在の値としてフォームに入れよう

私はそれを動作させることができません。私は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>

出典

2016-10-22 Thrifty Coder

「.innerHTML」の代わりに「.value」を使用します。 – Li357

-1

これはそれを行うための良い方法だろうか？

<!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>

出典

2016-10-22 03:11:11

Javaスクリプトを現在の値としてフォームに入れよう

答えて

関連する問題