CSS - kalkulator 01d
<input type="number" id="number01" />
<input type="number" id="number02" />
<button id="dodawanie">dodawanie</button>
<button id="odejmowanie">odejmowanie</button>
<button id="mnozenie">mnożenie</button>
<button id="dzielenie">dzielenie</button>
<button id="modulo">modulo</button>
<p>Wynik: <span id="wynik"></span></p>
<script type="text/javascript">
document.querySelector('#dodawanie').addEventListener('click', dodawanie);
document.querySelector('#odejmowanie').addEventListener('click', odejmowanie);
document.querySelector('#mnozenie').addEventListener('click', mnozenie);
document.querySelector('#dzielenie').addEventListener('click', dzielenie);
document.querySelector('#modulo').addEventListener('click', modulo);
const number1 = +document.querySelector('#number01').value;
const number2 = +document.querySelector('#number02').value;
function dodawanie(){
const suma = number1 + number2;
document.getElementById('wynik').innerHTML = suma;
}
function odejmowanie(){
const roznica = number1 - number2;
document.getElementById('wynik').innerHTML = roznica;
}
function mnozenie(){
const iloczyn = number1 * number2;
document.getElementById('wynik').innerHTML = iloczyn;
}
function dzielenie(){
const iloraz = number1 / number2;
document.getElementById('wynik').innerHTML = iloraz;
}
function modulo(){
const resztaZDzielenia = number1 % number2;
document.getElementById('wynik').innerHTML = resztaZDzielenia;
}
</script>
wynik skryptu
Wynik: