HTML ile lise diploma notu hesaplama

umutbra21 · 19 Haziran 2019

Ö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.

CrazyHead · 19 Haziran 2019

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.

Gürkan26 · 19 Haziran 2019

visual basic gibi dillerde kolaylık yapıldıktan sonra projeyi JS ile web sitesine aktarabilir yada dosyanın indirme linkini bırakabilirsin.

xkrc · 21 Haziran 2019

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)

umutbra21 · 21 Haziran 2019

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?

xkrc · 21 Haziran 2019

sonuc divine margin-top yazarak yapabilirsin

düzenleme ort divi olacakmış.

umutbra21 · 21 Haziran 2019

xkrc dedi:
sonuc divine margin-top yazarak yapabilirsin

düzenleme ort divi olacakmış.

Hocam yaptım ama olmadı. Kodu siz düzenleyip gönderebilir misiniz?

xkrc · 21 Haziran 2019

Kod:

margin-top:50px;

Bunu ort divindeki font-size biçiminin altına ekleyin, 50px altta sonucu gösterir.

umutbra21 · 21 Haziran 2019

xkrc dedi:
Kod:

margin-top:50px;

Bunu ort divindeki font-size biçiminin altına ekleyin, 50px altta sonucu gösterir.

Çok sağolun hocam. Kusura bakmazsanız sonucun önünde eşittir işareti olmasını isiyorum yardımcı olabilir misiniz?

xenefon · 21 Haziran 2019

Şö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>

HTML ile lise diploma notu hesaplama

umutbra21

Hectopat

CrazyHead

Megapat

Gürkan26

Kilopat

xkrc

Kilopat

umutbra21

Hectopat

xkrc

Kilopat

umutbra21

Hectopat

xkrc

Kilopat

umutbra21

Hectopat

xenefon

Kilopat