Untitled

pagina html


<!DOCTYPE html>
<html lang="it" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script src="script.js"></script>

    <h1>Calcolatrice</h1>
    <form>
      <input type="text" name="primo" id="primo">
      <input type="text" name="secondo" id="secondo">
      <button type="button" onclick="javascrit:sommavalori();" id="somma">+</button>
      <button type="button" onclick="javascrit:sottraivalori();" id="sottrazione">-</button>
      <button type="button" onclick="javascrit:moltiplicavalori();" id="prodotto">x</button>
      <button type="button" onclick="javascrit:dividivalori();" id="divisione">/</button>
    </form>
     <div id="risultato"></div>
    <div id="log"></div>
  </body>
</html>


____________________

script.js


function sommavalori(){
  var risultato = Number(document.getElementById("primo").value) + Number(document.getElementById("secondo").value); // "primo.value" ricava il valore di primo stessa cosa per "secondo.value"
  document.getElementById("risultato").textContent = risultato; // "textContent" riprende il contenuto di risultato
  document.getElementById("log").innerHTML = "<p>L'utente ha effetuato la somma tra " + Number(document.getElementById("primo").value) + " e " + Number(document.getElementById("secondo").value) + " ottenendo come risultato " + risultato;
  // "log.innerHTML" serve per scrivere nel prog di HTML quindi restituire un risultato poi basta incatenare le varie variabili per continuare!
}
function sottraivalori() {
  var risultato = Number(document.getElementById("primo").value) - Number(document.getElementById("secondo").value);
  document.getElementById("risultato").textContent = risultato;
  document.getElementById("log").innerHTML = "<p>L'utente ha effetuato la sottrazione tra" + Number(document.getElementById("primo").value) + "e" + Number(document.getElementById("secondo").value) + "ottenendo come risultato" + risultato;
}
function moltiplicavalori() {
  var risultato = Number(document.getElementById("primo").value) * Number(document.getElementById("secondo").value);
  document.getElementById("risultato").textContent = risultato;
  document.getElementById("log").innerHTML = "<p>L'utente ha effetuato la moltiplicazione tra" + Number(document.getElementById("primo").value) + "e" + Number(document.getElementById("secondo").value) + "ottenendo come risultato" + risultato;
}
function dividivalori() {
    var risultato = Number(document.getElementById("primo").value) / Number(document.getElementById("secondo").value);
    document.getElementById("risultato").textContent = risultato;
  document.getElementById("log").innerHTML = "<p>L'utente ha effetuato la divisione tra" + Number(document.getElementById("primo").value) + "e" + Number(document.getElementById("primo").value) + "ottenendo come risultato" + risultato;
}