функция onclick в javascript не срабатывает

156

25 октября 2021, 22:30

функция onclick в javascript не срабатывает в консоле ошибок нет но при нажатии на кнопку ничего не происходит

function func1() { 
     
    var radio1 = document.getElementById("radio1"); 
    var radio2 = document.getElementById("radio2"); 
    var radio3 = document.getElementById("radio3"); 
    var radio4 = document.getElementById("radio4"); 
    var btn2 = document.getElementById("btn2"); 
 
    if (radio1.checked == true) { 
 
        alert("radio1 is checked"); 
    } 
    else if (radio2.checked == true){ 
        alert("radio2 is checked"); 
    } 
    else if (radio3.checked == true){ 
        alert("radio3 is checked"); 
    } 
    else if (radio4.checked == true){ 
        alert("radio4 is checked"); 
    } 
    else{ 
        alert("please select answer"); 
    } 
         
     
}

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <link rel="stylesheet" href="styles.css"> 
    <title>Document</title> 
    <script src="script.js"></script> 
</head> 
<body> 
    <p>Round One</p> 
    <h1>11111</h1> 
 
     
    <div class="radio-group"> 
    <input type="radio" name="radio" id="radio1"> 
    <label for="radio1">222</label> 
    </div> 
     
    <div class="radio-group"> 
        <input type="radio" name="radio" id="radio2"> 
        <label for="radio2">3333</label> 
        </div> 
     
         
    <div class="radio-group"> 
            <input type="radio" name="radio" id="radio3"> 
            <label for="radio3">4444</label> 
            </div> 
 
    <div class="radio-group"> 
            <input type="radio" name="radio" id="radio4"> 
            <label for="radio4">555</label> 
            </div> 
     
         
        <a href="#" class="myButton" id="btn2" onclick="func1"> 
             
        </a> 
             
     
</body> 
</html>

Answer 1

Замените

onclick="func1"

на

onclick="func1()"

Answer 2

Попробуй перенести подключение скрипта в конец, перед закрывающим тегом body.

<body>
<script src="script.js">
</body>

Также, при использовании инлайн обработчиков, нужно писать так:

    <a href="#" class="myButton" id="btn2" onclick="func1()">
        button
    </a>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сохранить оставшийся Timeout? JS

У меня есть свой Дискорд бот, хочу добавить команду, которая дает роль и забирает через определенный срокЯ постоянно редактирую бота и setTimeout...

166

javascript

Фильтрация массива объектов по массиву строк

Как вернуть значения из массива объектов, применяя фильтры?

111

javascript

Замена текста jQuery методом replace

Кто подскажет, почему это не работает?

172

javascript

Как грамотно реализовать код чистыми функциями?

Нужно вывести узел с макс/мин значением

152