Jak uzyskać taki efekt ale w js?

pytanie zadane 14 lipca 2019 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)

Witam, mam licznik taki o:

(PHP/HTML)

<form method="get" action="">
  <input type="checkbox" name="ch1" value="100"/>
 
  <input type="checkbox" name="ch2" value="200"/>
 
  <input type="submit"/>
</form>

<?php
 
$ch1 = $_GET['ch1'] ?? 0;
$ch2 = $_GET['ch2'] ?? 0;
 
echo "Result " . ((int)$ch1 + $ch2);
 
?>

Jak uzyskać taki efekt ale przez js? zależy mi aby to liczyło po stronie użytkownika i od razu w sumie bez przyciskania buttonu, oczywiście odznaczenie itd na żywo zmienia wynik w divie

komentarz 14 lipca 2019 przez Chess Szeryf (76,710 p.)

skrypt-liczacy-sume-w-formularzu, chyba że nie o to Ci chodziło.

komentarz 14 lipca 2019 przez Hardwell Dyskutant (8,980 p.)

dokładnie o to, tylko nie działa po połączeniu, chyba że źle to zrobiłem, w js jestem słaby

komentarz 14 lipca 2019 przez Chess Szeryf (76,710 p.)

Ponieważ musisz się podpiąć pod ten formularz - ten jeden lub zmienić lekko kod JS, ponieważ jest tam użyte document.querySelectorAll(.... Zostaw tylko ten HTML z formularzem, resztę wyrzuć i skopiuj stamtąd kod JS jeszcze raz (kilka razy edytowałem tamtą odpowiedź).

1 odpowiedź

odpowiedź 22 lipca 2019 przez adam_jankowski Mądrala (5,970 p.)

W HTML:

  <input type="checkbox" id="ch1" value="100"/>

  <input type="checkbox" id="ch2" value="200"/>

  <input type="buttton" onclick="suma()"/>

<div id="wynik"></div>

W JS:

function suma()

{

var a = document.getElementById('ch1').value;

var b = document.getElementById('ch2').value;

a = parseFloat(a);

b = parseFloat(b);

document.getElementById('wynik').innerHTML = 'Result: '+ (a+b);

}