Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
kalkulator w js
#4
Zle.
Pamiętaj o 2 rzeczach:
1) staraj się rozbijać funkcje tak by robiły konkretne zadania. Ale ten punkt nie jest bardzo wymagany
2) Podpinasz zdarzenie pod guzik. Po jego kliknięciu wywołujesz funkcję, która pobiera AKTUALNE dane, po czym wykonujesz przeliczenie i pokazanie wyniku.

Kod:
<form name="calc">
  <div>
    <input type="text" name="liczba1" id="liczba1"></input>
    <input type="text" name="liczba2" id="liczba2"></input>
    <input type="button" id="dodawanie" value="+" />
    <input type="button" id="odejmowanie" value="-" />
    <input type="text" name="wynik" id="wynik" />
  </div>
</form>

<script type="text/javascript">
  //dla nie powtarzania kodu, robię funkcję-selektor
  function $(id) {
     return document.querySelector(id);
  }

  function dodawanie(liczba1, liczba2) {
     return Number(liczba1) + Number(liczba2)
  }

  function odejmowanie(liczba1, liczba2) {
     return Number(liczba1) - Number(liczba2)
  }

  function pokazDodawanie() {
     var liczba1 = $('#liczba1').value;
     var liczba2 = $('#liczba2').value;
     console.log('s')
     $('#wynik').value = dodawanie(liczba1, liczba2);
  }

  function pokazOdejmowanie() {
     var liczba1 = $('#liczba1').value;
     var liczba2 = $('#liczba2').value;
     console.log('ss')
     $('#wynik').value = odejmowanie(liczba1, liczba2);
  }

  //podpinam zdarzenia
  $('#dodawanie').onclick = pokazDodawanie;
  $('#odejmowanie').onclick = pokazOdejmowanie;
</script>
Odpowiedz


Wiadomości w tym wątku
kalkulator w js - przez [email protected] - 01-04-2013, 17:21
RE: kalkulator w js - przez Kartofelek - 02-04-2013, 14:54
RE: kalkulator w js - przez Kartofelek - 07-04-2013, 03:25
RE: kalkulator w js - przez ferrante - 18-05-2013, 21:17

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Kalkulator cen fenix126 5 3,406 23-04-2012, 03:24
Ostatni post: kornell
  Jak zrobić taki kalkulator qetli 3 3,391 23-03-2011, 13:52
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl