按下按钮时如何执行if函数（javascript）

Question

HTML

<button id="submit" onClick="">Finish questionnaire</button><br/>

Javascript

var submitButton = document.getElementById('submit');
var x = 0;

$(":radio").change(function() {

    x = x + 1

    if (x == 3) {
        alert("Submitted")
    } else {
        alert("not submitted")
    }

});

I am making a short questionnaire website. I would like to have submit button at the bottom of my page which will run the javascript code. This code will either give an alert of submit or not submitted. If the user has answered all the questions, then the alert will say submitted, otherwise, if a question is missed out, it will say not submitted. I have my javascript code, but I dont know how to implement it with a button. Please help

Answer 1

$("#submit").click( function() {
   // whatever you want
});

Answer 2

只需将其包装在.click(function(){CODE HERE})

Answer 3

You need eventListener for button click. A very simple Google search can give you the answer fast enough. Still for your convenience, I'm writing the answer here for button click.

var submitButton = document.getElementById('submit');
var x = 0;

submitButton.addEventListener('click', function() {

    x = x + 1

    if (x == 3) {
        alert("Submitted")
    } else {
        alert("not submitted")
    }

});

Answer 4

Try this;

 var x = 0; $('#submit').click(function() { x = x + 1 if (x == 3) { alert("Submitted") } else { alert("not submitted") } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="submit">Finish questionnaire</button><br/>