如何使一個HTML表單啓動一個功能

我想知道是否有一個簡單的方法來使窗體按鈕與文本輸入啓動一個窗體，將檢查答案是否正確，然後繼續告訴你。這是我的，你能告訴我我需要什麼嗎？如何使一個HTML表單啓動一個功能

<!doctype html> 
<body> 
<center> 
    <form name="Input" action="Answer" method="get"> 
    <input type="text" name="Input"> 
    <input type="submit" value="submit"> 
    </form> 
    <script type="text/javascript"> 
    var A = Math.floor(Math.random()*11); 
    var B = Math.floor(Math.random()*11); 
    var C = A+B; 
    var Input = document.getElementById('Input'); 
    document.write(A + "+" + B) 
    function Answer() 
    { 
    alert("correct!!"); 
    } 
</script> 

</body> 
</html>

來源

2014-03-06 Trevader24135

輸入與正確答案有什麼關係？就是想。 – Atutouato

輸入是我爲此取出的IF ELSE部分的一部分，對不起。它檢查使用if（input = C）{alert（「correct !!」）; – Trevader24135

_Ah._幫助很大。 – Atutouato

function calculateAnswer() 
{ 
var A = Math.floor(Math.random()*11); 
var B = Math.floor(Math.random()*11); 
var C = A+B; 
var Input = document.getElementById('Input'); 
if(Input.value == C) 
{ 
document.body.innerHTML += (A + "+" + B); 
// Or another thing to do if the answer's correct 
} 
}

此外，附加一個事件監聽器提交按鈕，使其運行的功能。享受！：D

來源

2014-03-06 02:37:24 Atutouato

是否需要將「referencetothesubmitbutton」部分更改爲某些內容？ – Trevader24135

是的。您需要將其更改爲提交按鈕的引用，如'document.getElementById（submitId）'。另外，您應該將'name ='輸入''更改爲'id =「Input」'，並向提交按鈕添加一個ID。 – Atutouato

謝謝！雖然document.write不起作用，但我需要它事先顯示能夠看到我需要計算答案的變量。此外，提交按鈕會嘗試將我發送到其他頁面，而不是僅僅激活該功能。：P – Trevader24135

我知道你沒有使用jQuery，但你在尋找這個nature的東西嗎？

它可以很容易地更改爲純javascript。我只是想用bootstrap來提供警報的簡單視覺效果。

HTML代碼將是沿着這些路線的東西（用jQuery和自舉）：

<div class="alert alert-danger" id="correct">Your answer is currently 
    <span id="type"> INCORRECT </span> 
</div> 
<form> 
    <input name="answer" id="answer"> 
</form> 
<p>Hint: the answer is "correct"</p>

和腳本會的工作是這樣的：

$("#answer").keyup(function(){ 
if($(this).val() === "correct"){ 
    $("#correct").removeClass("alert-danger") 
    .addClass("alert-success"); 
    $("#type").text("CORRECT!") 
} 
else{ 
    $("#correct").removeClass("alert-success") 
    .addClass("alert-danger"); 
    $("#type").text("INCORRECT!") 
} 
}).keyup();

這僅僅是一個基本實現輸入的檢查答案。在這種情況下，輸入「correct」會使警報變爲綠色。根據需要

referenceToTheSubmitButton.addEventListener("click", calculateAnswer);

縮進：

來源

2014-03-06 02:37:00 royhowie

如何使一個HTML表單啓動一個功能

回答

相關問題