niedziałająca funkcja jquery

0

Nie działa mi funkcja i nie wiem co jest nie tak, cokolwiek klikne to pokazuje mi sie 2, oto kod:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <form name='quiz' id='quiz'>
        <div>
            <p>Czym jest inkrementacja?</p>
            <p><input type="radio" name='question1' value='1'>A. Zmniejszenie wartości o 1</p>
            <p><input type="radio" name='question1' value='2'>B. Zwiększenie wartości o n, gdzie n>=2</p>
            <p><input type="radio" name='question1' value='3'>A. Zwiększenie wartości o 1</p>
        </div>
        <div>
            <p>Do czego odnoszą się modyfikatory public, private i protected:</p>
            <p><input type="radio" name='question2' value='1'>A. Dziedziczenia</p>
            <p><input type="radio" name='question2' value='2'>B. Przestrzeni nazw</p>
            <p><input type="radio" name='question2' value='3'>A. Polimorfizmu</p>
        </div>
        <div>
            <p>Co oznacza znak podwójnej równości == w językach pochodnych od języka C:</p>
            <p><input type="radio" name='question3' value='1'>A. Przypisania wartości zmiennej</p>
            <p><input type="radio" name='question3' value='2'>B. Porównania wartości zmiennych</p>
            <p><input type="radio" name='question3' value='3'>A. Żadne z powyższych</p>
        </div>
        <div>
            <p>Proces inicjalizacji zmiennej to:</p>
            <p><input type="radio" name='question4' value='1'>A. Przypisanie wartości początkowej zmiennej</p>
            <p><input type="radio" name='question4' value='2'>B. Utworzenie drugiej zmiennej, o takiej samej nazwie co pierwsza</p>
            <p><input type="radio" name='question4' value='3'>A. Żadne z powyższych</p>
        </div>
        <div>
            <p>Czym jest tzw. IDE:</p>
            <p><input type="radio" name='question5' value='1'>A. Algorytm</p>
            <p><input type="radio" name='question5' value='2'>B. Środowisko programistyczne</p>
            <p><input type="radio" name='question5' value='3'>A. Biblioteka przydatnych funkcji</p>
        </div>

        <!-- <input type="button" name='' value="I'm done" id='button' onclick="check()"> -->
        <input type="button" name='' value="I'm done" id='button'>
    </form>
    <script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>
    <script src="main.js"></script>
</body>

</html>
$('#button').click(function() {
    let a = 0;
    if ($("input[name=question1]").val()=='3') {a++}
    if ($("input[name=question2]").val()=='1') {a++}
    if ($("input[name=question3]").val()=='2') {a++}
    if ($("input[name=question4]").val()=='1') {a++}
    if ($("input[name=question5]").val()=='2') {a++}
    document.write(a);
})
2

Masz troszkę źle odpalane jQuery i masz zły selektor

$(document).ready(function(){
	let a = 0;
	$('#button').click(function() {

		if ($("input[name=question1]:checked").val()=='3') {a++}
		if ($("input[name=question2]:checked").val()=='1') {a++}
		if ($("input[name=question3]:checked").val()=='2') {a++}
		if ($("input[name=question4]:checked").val()=='1') {a++}
		if ($("input[name=question5]:checked").val()=='2') {a++}

		document.write(a);	
	})
})

1 użytkowników online, w tym zalogowanych: 0, gości: 1