webattack.pl - CSS - kalkulator 01a

CSS - kalkulator 01a
W tym przykładzie niepotrzebnie powielam const number1 oraz const number2


<input type="number" id="number01" />

<input type="number" id="number02" />

<button onclick="dodawanie()">dodawanie</button>

<button onclick="odejmowanie()">odejmowanie</button>

<button onclick="mnozenie()">mnożenie</button>

<button onclick="dzielenie()">dzielenie</button>

<button onclick="modulo()">modulo</button>

<p>Wynik: <span id="wynik"></span></p>

<script type="text/javascript">

function dodawanie(){

	    const number1 = +document.querySelector('#number01').value;

	    const number2 = +document.querySelector('#number02').value;

	    const suma = number1 + number2;

	    document.getElementById('wynik').innerHTML = suma;

}

function odejmowanie(){

	    const number1 = +document.querySelector('#number01').value;

	    const number2 = +document.querySelector('#number02').value;

	    const roznica = number1 - number2;

	    document.getElementById('wynik').innerHTML = roznica;

}

function mnozenie(){

	    const number1 = +document.querySelector('#number01').value;

	    const number2 = +document.querySelector('#number02').value;

	    const iloczyn = number1 * number2;

	    document.getElementById('wynik').innerHTML = iloczyn;

}

function dzielenie(){

	    const number1 = +document.querySelector('#number01').value;

	    const number2 = +document.querySelector('#number02').value;

	    const iloraz = number1 / number2;

	    document.getElementById('wynik').innerHTML = iloraz;

}

function modulo(){

	    const number1 = +document.querySelector('#number01').value;

	    const number2 = +document.querySelector('#number02').value;

	    const resztaZDzielenia = number1 % number2;

	    document.getElementById('wynik').innerHTML = resztaZDzielenia;

}

</script>
wynik skryptu
Wynik: