Sumowanie liczb z formularza

pytanie zadane 18 stycznia 2021 w JavaScript przez Martita Bywalec (2,520 p.)

Proszę o pomoc. uczę się JavaScript.

Użytkownik wpisuje liczbę w pierwsze i drugie pole formularza, po tym klika button który sumuje liczby. Pod buttonem pokazuje się wynik Suma = obliczony wynik. Przykład Użytkownik wpisuje 6 w pierwsze i 2 w drugie pole formularza, po tym klika button dodaj który sumuje liczby. Pod buttonem znajduje się wynik w formie Suma = 8.

Po kliknięciu w button pokazuje mi się tylko 8 a powinien pokazać się formularz z wpisanymi liczbami a pot buttonem Suma = 8.

HTML

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="oblicz.js"></script>

<body>
    <form id="dodaj" action="" method="post">
        <div>
            <input type="text" name="a"><br>
            <input type="text" name="b"><br>
            <button onclick="return licz()">Dodaj!</button>
        </div>
    </form>
    <hr> Suma = <span id="s">0</span>
</body>

</html>

function licz() {
     var a = document.forms['dodaj'].a.value;
     var b = document.forms['dodaj'].b.value;
     var s = parseInt(a) + parseInt(b);
     document.write(+s + '');
 }

1 odpowiedź

odpowiedź 18 stycznia 2021 przez niezalogowany
wybrane 19 stycznia 2021 przez Martita

Najlepsza

Jeżeli chciałeś wstawić wynik do span#s to powinno być coś takiego:

document.getElementById('s').innerHTML = s

komentarz 19 stycznia 2021 przez VBService Ekspert (256,600 p.)

function licz() {
  const a = document.forms['dodaj'].a.value;
  const b = document.forms['dodaj'].b.value;
  const s = parseInt(a) + parseInt(b);
  document.getElementById('s').innerHTML = s;
  return false;
}