zadanie z kursu

pytanie zadane 5 maja 2019 w JavaScript przez Anya Nowicjusz (210 p.)

Blagam o pomoc,

Mam zadanie z kursu (dla zupelnie poczatkujacych) po przerobieniu dzialu z Events. Mam stworzyc inputa i wpisywac do niego liczbe, po wpisaniu i nacisnieciu Enter pole ma byc wolne z mozliwoscia wpisania kolejnej liczby. W drugim inpucie ma pojawiac sie suma wpisanych liczb z pierwszego inputa. Pomyslalam, ze pasuje do tego funkcja for, ale nie wiem czy w dobrym kierunku ide. Wydaje mi sie troszke, ze to zadanie jest za trudne dla poczatkujacego. Czy ktos z Was ma rade dla mnie, w ktorym kierunku mam isc… Czy wywalic to do kosza i dac sobie spokoj z tym :/

<!DOCTYPE html>
<html>
<body>

<p>Voer cijfer in..</p>
<input type="text" id="cijfer">
<input type="text" id="som" onchange="myFunction()">

<script>

var cijfer= document.getElementById("cijfer");
cijfer.onchange=myFunction;

function myFunction() {
var cijfers= document.getElementById("cijfer");
document.getElementById("som").value= berekenSom(totalBedrag).toFixed();
}

function berekenSom(totalBedrag) {

var result = 0;

for(var i=0; i<=10000000000; i++); {
  result += i;
}
  return result;
  }

function leesInvoer(invoerId) {
var invoer=document.getElementById(invoerId);
var getal= +invoer.value;
return getal;
}

</script>

</body>
</html>

komentarz 7 maja 2019 przez Anya Nowicjusz (210 p.)

Czy ktos z Was poswieci chwilke i sprobuje odpowiedziec mi na pytanie czemu alert do funkcji checkInp() nie dziala jak wpisuje np. litere zamiast cyfry i NaN wyswietla sie w drugim okienku…? oraz dlaczego nie liczy mi procentu z funkcji myFunction()? cos pomylilam, nie dopisalam, zmienne nie takie? W zalaczeniu skrypt.

Z gory dziekuje za pomoc zyczliwej osoby..

<!DOCTYPE html>
<html>
<body>

<p>Voer cijfer in..</p>

<form onreset="message()">

<input type="text" id="cijfer" onchange="checkInp()">
<input type="text" id="som">
<button type="button" id="knop">Bereken BTW</button>
<input type="reset">
</form>

<script>

    var cijfer = document.querySelector("#cijfer");
    var sin = document.querySelector("#som");
    var count = 0;
   
    cijfer.addEventListener('keypress', e => {
      if(e.which === 13) {
        count += Number(cijfer.value);
        cijfer.value = null;
        sin.value = count;
      }
    })


function checkInp()
{
  var x=document.getElementById("cijfer").value;
  if (isNaN(x)) 
  {
    alert("Must be numbers")
  }
}

var knop = document.getElementById("knop");
knop.onclick = myFunction;

function myFunction() {
var bedragBtw= leesInvoer("som");
document.getElementById("som").value= berekenBtw(bedragBtw).toFixed(2);
}

function berekenBtw(bruttoBedrag) {
var nettoBedrag = 0.2 * sin;
document.getElementById("iets").innerHTML=nettoBedrag;
}

function leesInvoer(invoerId) {
var invoer= document.getElementById(invoerId);
var getal= +invoer.value;
return getal;
}

function message() {
  alert("De gegevens worden verwijderen");
}
</script>

</body>

1 odpowiedź

odpowiedź 5 maja 2019 przez Rettles Bywalec (2,320 p.)
wybrane 5 maja 2019 przez Anya

Najlepsza

Stawiasz browara za odrabienie lekcji

<!DOCTYPE html>
<html>
 <body>
 
  <p>Voer cijfer in..</p>
  <input type="text" id="cijfer">
  <input type="text" id="som">
 
  <script>
    const cjifer = document.querySelector("#cijfer");
    const sin = document.querySelector("#som");
    let count = 0;
  
    cjifer.addEventListener('keypress', e => {
      if(e.which === 13) {
        count += Number(cjifer.value);
        cjifer.value = null;
        sin.value = count;
      }
    })
  </script>
 </body>
</html>