Javascriptが動作しない場合

Question

私はjavascriptを初めて使用しています。私は に返信する簡単なプログラムを作成していますが、ifのステートメントは機能しません。 ここに私のコードです：

var myInput = document.getElementById('myInput'); 
var myBtn = document.getElementById('btn'); 
var value = document.getElementById('myInput').value; 
var answer = document.getElementById('answer'); 
var question = "Hi"; 

function message() { 
    if (value == question) { 
    answer.innerHTML = "Hi, how can i help you?"; 
    } else { 
    answer.innerHTML = "Hi ..."; 
    } 
} 

、ここでは、HTMLの一部です：

<input id="myInput" type="text"> 
<button id="myBtn" type="button" onclick="message()">Send!</button> 
<p id="answer"></p> 

Answer 1

ボタンのクリック機能

DEMO

var myInput = document.getElementById('myInput'); 
 
var myBtn = document.getElementById('btn'); 
 

 
var answer = document.getElementById('answer'); 
 
var question = "Hi"; 
 

 
function message() { 
 
    var value = document.getElementById('myInput').value; 
 
    console.log(value); 
 
    console.log(question); 
 
    if (value === question) { 
 
    answer.innerHTML = "Hi, how can i help you?"; 
 
    } else { 
 
    answer.innerHTML = "Hi ..."; 
 
    } 
 
}

<input id="myInput" type="text"> 
 
<button id="myBtn" type="button" onclick="message()">Send!</button> 
 
<p id="answer"></p>

Answer 2

問題は、あなたがそれを埋めるためにチャンスを持っている前に、あなたが値を取得していることである

が代わりに。 messageの機能の中でそれを取り出してください。

var myInput = document.getElementById('myInput'); 
 
var myBtn = document.getElementById('btn'); 
 
var answer = document.getElementById('answer'); 
 
var question = "Hi"; 
 

 
function message() { 
 
    var value = document.getElementById('myInput').value; 
 
    if (value == question) { 
 
    answer.innerHTML = "Hi, how can i help you?"; 
 
    } else { 
 
    answer.innerHTML = "Hi ..."; 
 
    } 
 
}

<input id="myInput" type="text"> 
 
<button id="myBtn" type="button" onclick="message()">Send!</button> 
 
<p id="answer"></p>