チャットボットのコードを実行中に問題が発生しました

チャットボットを作成しようとしています。このコードを実行すると、 "TypeError：nullはオブジェクトではありません（document.getElementById（" message "）。value '）"の行11にあります。コードを実行すると、ユーザーは"hi"と入力してコンピュータに応答させることができます。誰が私にライン11の何が間違っているか教えてもらえますか？コードは次のとおりです。チャットボットのコードを実行中に問題が発生しました

<html> 
<!--Create text box for player to type in--> 
<input type="text" id=â€œmessageâ€> 
<!--Create paragraph to show chatbot's messages--> 
<p id="chatbotText"></p> 
<!--Create button to send messages to chatbot--> 
<button onclick="input()">Send</button> 
<script> 
//function to process user messages 
var input = function() { 
    var message = document.getElementById("message").value; 
    //create array with list of phrases to use in response to "Hello" 
    var helloMessages = ["Hello.", "Hi.", "Hello!", "Hi!", "Hello. How are you doing?", "Hi. How are you?"]; 
    //function to pick random phrase 
    function randomWord(arr) { 
     return arr[Math.floor(Math.random() * arr.length)]; 
    } 
    if(message === "hi" || message === "hello" || message === "hi!" || message === "hello!" || message === "hi." || message === "hello." || message === "hey." || message === "hey" || message === "hey!") { 
     document.getElementById('chatbotText').innerHTML = "<p>randomWord(helloMessages)</p>"; 
    } 
} 
</script> 
</html>

出典

2017-05-10 GGamer

コードに若干の変更を加えました。私は、IDとJavaScriptからイベントを発生させるためにボタンを変更しました。

//function to process user messages 
 
var button = document.getElementById("btnSubmit") 
 
button.onclick = function() { 
 

 
var message = document.getElementById("message").value; 
 
    //create array with list of phrases to use in response to "Hello" 
 
    var helloMessages = ["Hello.", "Hi.", "Hello!", "Hi!", "Hello. How are you doing?", "Hi. How are you?"]; 
 
    //function to pick random phrase 
 
    function randomWord(arr) { 
 
    return arr[Math.floor(Math.random() * arr.length)]; 
 
    } 
 
    if (message === "hi" || message === "hello" || message === "hi!" || message === "hello!" || message === "hi." || message === "hello." || message === "hey." || message === "hey" || message === "hey!") { 
 
    document.getElementById('chatbotText').innerHTML = "<p>randomWord(helloMessages)</p>"; 
 
    } 
 
}

<!--Create text box for player to type in--> 
 
<input type="text" id="message"> 
 
<!--Create paragraph to show chatbot's messages--> 
 
<p id="chatbotText"></p> 
 
<!--Create button to send messages to chatbot--> 
 
<button id="btnSubmit">Send</button>

希望これは

出典

2017-05-10 00:38:57 luly

はそんなにありがとう役立ちます！私はこれを解決するために非常に努力しており、それは最終的に解決されました。これで、さまざまなメッセージの応答をプログラミングすることができます。 – GGamer

チャットボットのコードを実行中に問題が発生しました

答えて

関連する問題