HTML ile lise diploma notu hesaplama

umutbra21

umutbra21

Hectopat
Katılım
27 Haziran 2015
Mesajlar
55
Çözümler
1
Daha fazla  
Cinsiyet
Erkek
Öncelikle merhabalar, blogger üzerinden açmış olduğum websitemde lise diploması hesaplama için bir bölüm açmayı düşünüyorum fakat bunu nasıl yapacağımı bilmiyorum. Dört farklı yılın ortalamaları toplanıp dörde bölünecek. HTML ile bunu nasıl hallederim? Şimdiden teşekkürler.
 
HTML ile direkt yapamayabilirsiniz. Tavsiyem JS veya PHP gibi bir yazılım dili kullanmanız eğer bilmiyorsanız çok çeşitli örnek videoları var. Hem size daha kolay gelir hem de çok uğraşmanıza gerek kalmadan öğrenebilirsiniz.
 
Son düzenleyen: Moderatör:
HTML bir program dili olmadığından hesaplama yapılamaz, bunun için arkadaşların bahsettiği gibi en basitinden Javascript kullanmalısın veya diğer programlama dillerinden birini (ASP, PHP vs vs)
 
Son düzenleyen: Moderatör:
Kod: 
<div align="center">
<html>
<head>
<title></title>
<style>
input{
font-size: 20px;
}
#ort{
color: red;
font-size: 30px;
}
#sonuc{
color: red;
font-size: 30px;
}



</style>
</head>

<body>

<form name="ortalama">
9.Sınıf<br />
<input style="border-radius:6px; border-color:white;" name="txt9sinif" type="text" placeholder="ör.82.50 | max.100"/><br /><br />
10.Sınıf<br />
<input style="border-radius:6px;" name="txt10sinif" type="text" placeholder="ör.82.50 | max.100"/><br /><br />
11.Sınıf<br />
<input style="border-radius:6px;" name="txt11sinif" type="text" placeholder="ör.82.50 | max.100"/><br /><br />
12.Sınıf<br />
<input style="border-radius:6px; opacity:4px;" name="txt12sinif" type="text" placeholder="ör.82.50 | max.100"/><br /><br />
<input style="color:white; background-color: black; border-radius: 6px; height: 50px; width: 180px;" id="hesap" onclick="hesapla()" type="button" value="HESAPLA" />
</form>


<div id="ort">


</div>
<br/>
<br/>
<br/>
<div id="sonuc">


</div>
<script>
function hesapla(){
var a1=document.ortalama.txt9sinif.value;
var a2=document.ortalama.txt10sinif.value;
var b1=document.ortalama.txt11sinif.value;
var b2=document.ortalama.txt12sinif.value;

var ortalama=(Number(a1)+Number(a2)+Number(b1)+Number(b2))/4;

var durum="";

document.getElementById("ort").innerHTML=ortalama;
document.getElementById("sonuc").innerHTML=durum;
}

</script>

</body>
</html>
</div>

Bu şekilde bir kod buldum fakat sonuç hemen hesapla butonunun altında çıkıyor, onu biraz aşağı almak istiyorum. Yardımcı olabilir misiniz?
 
Şöyle yapalım:
HTML: 
<html>
<head>
<title></title>
<style>
input{
font-size: 20px;
}
    #ort {
        color: red;
        font-size: 30px;
        margin-top: 100px;
    }
#sonuc{
color: red;
font-size: 30px;
}

    p {
        margin: 0;
        padding: 0;
        font-size: 20px;
        font-weight: bold;
    }

</style>
</head>

<body>
    <div align="center">
        <form name="ortalama">
            <p>9.Sınıf</p><br />
            <input style="height:50px; border-radius:6px; border-color:white;" name="txt9sinif" type="text" placeholder="ör.82.50 | max.100" /><br /><br />
            <p>10.Sınıf</p><br />
            <input style="height:50px; border-radius:6px;" name="txt10sinif" type="text" placeholder="ör.82.50 | max.100" /><br /><br />
            <p>11.Sınıf</p><br />
            <input style="height:50px; border-radius:6px;" name="txt11sinif" type="text" placeholder="ör.82.50 | max.100" /><br /><br />
            <p>12.Sınıf</p><br />
            <input style="height:50px; border-radius:6px; opacity:4px;" name="txt12sinif" type="text" placeholder="ör.82.50 | max.100" /><br /><br />
            <input style="color:white; background-color: black; border-radius: 6px; height: 50px; width: 180px;" id="hesap" onclick="hesapla()" type="button" value="HESAPLA" />
        </form>


        <div id="ort">


        </div>
        <br />
        <br />
        <br />
        <div id="sonuc">


        </div>
        <script>
            function hesapla() {
                var a1 = document.ortalama.txt9sinif.value;
                var a2 = document.ortalama.txt10sinif.value;
                var b1 = document.ortalama.txt11sinif.value;
                var b2 = document.ortalama.txt12sinif.value;

                var ortalama = (Number(a1) + Number(a2) + Number(b1) + Number(b2)) / 4;
                var esittir = "= ";

                var durum = "";

                document.getElementById("ort").innerHTML = esittir+ortalama;
                document.getElementById("sonuc").innerHTML = durum;
            }

        </script>
    </div>
</body>
</html>
 
Uyarı! Bu konu 7 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

Jarvis0
  • Soru
HTML hesaplama yapılmıyor
Mesaj
2
Görüntüleme
546
Jarvis0
Jarvis0
alisins42
PHP İle Ortalama Not Hesaplama
Mesaj
2
Görüntüleme
5.751
alisins42
alisins42
CacikLee
HTML ile PHP'nin farkı nedir ?
Mesaj
5
Görüntüleme
5.095
Spil3xx
Spil3xx
C
  • Çözüldü
Çözüldü  Yazılı notu ortalaması hesaplama kodlarında hata var
Mesaj
5
Görüntüleme
1.634
466609
4
ÖmerAltıntas
  • Soru
Javascript ile HTML`den Veri Alma
Mesaj
3
Görüntüleme
2.552
Sheamus
S

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı