14 Δεκεμβρίου 2015

Κώδικας σελίδας HTML για την πρόσθεση δύο αριθμών με java script

Ακολουθεί ο κώδικας html και javascript  που τοποθετούμε σε μια σελίδα html για να κάνουμε μια εφαρμογή που προσθέτει δυο αριθμούς:

<html>
<head meta charset="UTF-8">
<title>java script example</title>
</head>
<body>
<p>Δώσε τον πρώτο αριθμό:<input type="number" step="0.01" id="an"></input></p>
<p>Δώσε δεύτερο αριθμό:<input type="number" step="0.01" id="bn"></input></p>
<p>Κάνε κλικ στο κουμπί για να εμφανιστεί το άθροισμά τους</p>
<button onclick="argy1()">Άθροισμα</button>
<p id="demo"></p>
<script type="text/javascript">
function argy1() {
    var an=parseFloat(document.getElementById("an").value,2);
    var bn=parseFloat(document.getElementById("bn").value,2);
    var cn=an+bn;
    document.getElementById("demo").innerHTML=cn;   
}
    </script>

</body>
</html>

 Αν βάλουμε το κομμάτι με τα έντονα γράμματα σε μια ανάρτηση του blog έχουμε το αποτέλεσμα:

Δώσε τον πρώτο αριθμό:

Δώσε δεύτερο αριθμό:

Κάνε κλικ στο κουμπί για να εμφανιστεί το άθροισμά τους