Вывести результат по клику

Добрый вечер! Никак не получается вывести результат вычислений по клику. При перезагрузке страницы результат получается правильный, но хочу выводить его в айдишники заголовков h1 (result1+2+3+4) по клику на кнопку. Попробовал через var + функция и addEventListener, потом просто через onclick, клик по кнопке не отрабатывается. Был бы очень признателен за помощь.

<!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>JavaScript</title>
</head>
<body>
    <style>
        #actionsjs {
            background-color: blue;
            width: 4%;
            padding: 5px;
            cursor: pointer;
        }
        .aufgabe {
            display: flex;
            justify-content: space-around;
            align-items: center;
            border: 1px solid black;
            margin: 10px;
            padding: 10px;
            width: 70%;
        }
    </style>
    
    <h2>Aufgabe 1</h2>
    <div class="aufgabe"><img src="aufgabe1.png" alt=""><h1 id="result1"></h1></div>
    <button id="example_1">Lösung 1</button>
    <h2>Aufgabe 2</h2>
    <div class="aufgabe"><img src="aufgabe2.png" alt=""><h1 id="result2"></h1></div>
    <button id="example_2">Lösung 2</button>
    <h2>Aufgabe 3</h2>
    <div class="aufgabe"><img src="aufgabe3.png" alt=""><h1 id="result3"></h1></div>
    <button id="example_3">Lösung 3</button>
    <h2>Aufgabe 4</h2>
    <div class="aufgabe"><img src="aufgabe4.png" alt=""><h1 id="result4"></h1></div>
    <button id="example_4">Lösung 4</button>



    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="index.js"></script>
</body>
</html>



/* Вариант с кликом 1:
var aufgabe1 = function(a,b,c) {
    result = (a + b) / c;
};
aufgabe1(-7.43, -18.3, -0.531);

example_1.addEventListener ('click', aufgabe1);

Вариант с кликом 2:
example_1.onclick = function aufgabe1(a,b,c) {
    result = (a + b) / c;
};
aufgabe1(-7.43, -18.3, -0.531);

document.getElementById('result1').innerHTML = result;*/

function aufgabe1(a,b,c) {
    result = (a + b) / c;
}
aufgabe1(-7.43, -18.3, -0.531);

document.getElementById('result1').innerHTML = result;

function aufgabe2(a,b,c) {
    result = (a**2 - 2 * b) / (c**2);
}
aufgabe2(-7.43, -18.3, -0.531);

document.getElementById('result2').innerHTML = result;

function aufgabe3(a,b,c) {
    result = a / (b - c) / ((b + 2 * c) / a**2);
}
aufgabe3(-7.43, -18.3, -0.531);

document.getElementById('result3').innerHTML = result;

function aufgabe4(a,b,c) {
    result = (3 * a / b) / ((a - 3 * c) / c**2);
}
aufgabe4(-7.43, -18.3, -0.531);

document.getElementById('result4').innerHTML = result;

JavaScript / jQuery

Nikolay Kovin

2 years ago

Еще нет ответов