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

Κώδικας σελίδας HTML για τις 4 πράξεις (Πρόσθεση, Αφαίρεση, Πολλαπλασιασμός, Διαίρεση) δύο αριθμών με java script

<input type="number" step="0.01" id="an"=>Δώσε τον πρώτο αριθμό:</input>
<input type="number" step="0.01" id="bn"=>Δώσε δεύτερο αριθμό:</input><br>
<button onclick="argy-11()">Άθροισμα</button>
<button onclick="argy-12()">Διαφορά</button>
<button onclick="argy-13()">Γινόμενο</button>
<button onclick="argy-14 ()">Πηλίκο</button>
<p id="demox"></p>
<script type="text/javascript">
function argy-11() {
    var an=parseFloat(document.getElementById("an").value,2)
    var bn=parseFloat(document.getElementById("bn").value,2)
    var cn=an+bn
 cn=cn.toFixed(2)
    document.getElementById("demof").innerHTML=cn
}
function argy-12() {
    var an=parseFloat(document.getElementById("an").value,2)
    var bn=parseFloat(document.getElementById("bn").value,2)
    var cn=an-bn
 cn=cn.toFixed(2)
    document.getElementById("demof").innerHTML=cn;
}
function argy-13() {
    var an=parseFloat(document.getElementById("an").value,2)
    var bn=parseFloat(document.getElementById("bn").value,2)
    var cn=an*bn
    cn=cn.toFixed(2)
    document.getElementById("demof").innerHTML=cn;
}
function argy-14() {
    var an=parseFloat(document.getElementById("an").value,2)
    var bn=parseFloat(document.getElementById("bn").value,2)
    var cn=an/bn
    cn=cn.toFixed(2)
    document.getElementById("demof").innerHTML=cn
}
    </script>

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

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 έχουμε το αποτέλεσμα:

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

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

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

Ετικέτες , , , , , ,
Εγγραφή σε: Αναρτήσεις ( Atom )