• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Sumowanie liczb z formularza

VPS Starter Arubacloud
+1 głos
2,132 wizyt
pytanie zadane 18 stycznia 2021 w JavaScript przez Martita Bywalec (2,470 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>

 

JS

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ź

+1 głos
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 (251,210 p.)

wink

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;
}

 

komentarz 19 stycznia 2021 przez Martita Bywalec (2,470 p.)
Wielkie dzięki działa.

Podobne pytania

0 głosów
3 odpowiedzi 6,162 wizyt
0 głosów
2 odpowiedzi 1,256 wizyt
pytanie zadane 24 listopada 2020 w C i C++ przez Wolv63 Użytkownik (630 p.)

92,452 zapytań

141,262 odpowiedzi

319,077 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...