將HTML引入JS以播放圖像

Question

我正在爲某件事進行測驗。在HTML中有一個用戶可以輸入他們的答案的文本框。我想把它發送給JS來播放一個圖像（如果正確的話是'正確的'圖像，如果錯誤的話是'錯誤'的圖像）。這是迄今爲止與這個問題有關的代碼。

的Html

<input class="respBox" id="ans1" placeholder="Insert value of X here"> 
<p id="response1"></p> 


<button type="button" class="specialButton" onclick="checkAnswers()">Submit</button> 

JS 功能checkAnswers（）{

if (ans1 === "7.5") {// If x is 7.5 
    response1 = rightAns;//rightAns is image for right answer 
    document.getElementById('response1').innerHTML = response1;//updates scoring system 
    score++;//adds one point to the user's score 
} else { 
    response1 = wrongAns;//wrongAns is image for wrong answer 
    document.getElementById('response1').innerHTML = response1;//updates scoring system 

    }} 

我收到此錯誤信息，當我看到的網站。

遺漏的類型錯誤：在checkAnswers無法讀取空 的特性「值」

Answer 1

<form action="javascript:checkAnwsers()"> 
    <input class="respBox" name="answer" placeholder="Insert value of X here"> 
    <p id="response1"></p> 

    <input type="submit" value="submit"> 
</form> 

將一個表單元素和行動的內部輸入字段將是函數來調用和使用屬性名命名輸入字段

用這個在JavaScript中訪問數據：

var formElements = document.forms['myform'].elements['inputTypeName'].value;