javascript, dodawanie, sumowanie, skrypt, html,

pytanie zadane 27 lutego 2018 w JavaScript przez Rudolf Nowicjusz (190 p.)

witam, kod sumuje pola a,b,c po naciśnięciu 'DODAJ' i wyświetla poza ramka, a powinien wyświetlić wynik w ramce 'stan magazynu' bez użycia "DODAJ" (automatycznie -zaraz po wpisaniu wartości w pole 'Ilość' nawet gdy jedno lub więcej jest nie wypełnione ) Button 'DODAJ' chce zlikwidować , serdeczne dzieki

<body>	
	<label for="a">Ilosc:</label> <input type="text" id="a">
	<br>
	<label for="b">Ilosc:</label> <input type="text" id="b">
	<br>
	<label for="c">Ilosc:</label> <input type="text" id="c">
	<br>
		
	<input type="button" value="DODAJ" onclick="suma()">
	
	<div id="wynik" style="margin-top:5px;"></div>
	
	<script>
		function suma()
		{
			var a = document.getElementById("a").value;
			var b = document.getElementById("b").value;
			var c = document.getElementById("c").value;	
			
			if (a == "" || b == ""|| c == "")
			{
				document.getElementById("wynik").innerHTML = "Proszę uzupełnić wszystkie  liczby.";
			} else
			{
				a = parseFloat(a);
				b = parseFloat(b);
				c = parseFloat(c);
			
				var suma = a + b + c ;
				document.getElementById("wynik").innerHTML = "Wynik działania wynosi: " + suma;				
			}
		}			
	</script>
			
	<fieldset>
		   
	     <a class=""><i>stan magazynu</a>
	   </div>
	   <div class="">
	        <a class="getElementById"><i><input type="text"><data id="wynik"><option value=" "></data><i></a>
	    </div>
	   
	</fieldset>		
			
</body>

3 odpowiedzi

odpowiedź 27 lutego 2018 przez k.wichura Pasjonat (19,870 p.)
wybrane 27 lutego 2018 przez Rudolf

Najlepsza

Co to za pomysł wstawiać html -> skrypty - > html ?

Po co ten inline css i inline js ?

<input type='text' class='x'>
<input type='text' class='x'>
<input type='text' class='x'>
<div id="wynik">0</div>

const inputs = document.getElementsByClassName('x'),
      wynik= document.getElementById('wynik');

const pobierzWartosci = ()=>{
  let tab=[];
  for(let j = 0;j<inputs.length;j++){
    if(inputs[j].value !== ''){
      tab[j] = parseFloat(inputs[j].value);
    }
  }
  dodajWartosci(tab);
};

const dodajWartosci = (tab) =>{
  let total = 0;
  for(let i in tab) {
    total += tab[i];
  }
  wstawWynik();
};

const wstawWynik = ()=>{
  wynik.innerText = total;
};

for(let i=0;i<inputs.length;i++){
  inputs[i].addEventListener('input', pobierzWartosci)
}