Ana içeriğe atla

JAVASCRİPT ÖRNEKLERİ 5

84
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Örnek</title>
<style>
.panel{
width: 200px;
margin: auto;
}
 
.panel input{
width: 100%;
height: 30px;
margin:3px 0;
background: #ededed;
border:solid 1px #ccc;
}
 
#sonuc-yaz{
margin-top:10px;
height: 50px;
line-height: 50px;
font-size:1em;
font-weight: bold;
}
 
</style>
<script>
/*sayfa yüklendiğinde aşağıdaki scripti çalıştır*/
window.onload=function(e){
 
var y1=document.getElementById("y1");
var y2=document.getElementById("y2");
var y3=document.getElementById("y3");
var sonuc=document.getElementById("sonuc");
var hesapla=document.getElementById("hesapla");
var sonucYaz=document.getElementById("sonuc-yaz");
 
/*0-100 arasında değilse uyarı ver*/
[y1,y2,y3].forEach(function(element) {
element.onchange=function(){
 
if(Number(element.value)<0 || Number(element.value)>100)
{
element.value="";
this.focus();
}
}
});
 
 
/*hesapla butonuna tıkladığında*/
hesapla.onclick=function(){
 
var s=(Number(y1.value)+Number(y2.value)+Number(y3.value))/3;
sonuc.value=s.toFixed(2);
if(s<50)
{
sonucYaz.textContent="BAŞARISIZ OLDUNUZ";
}
else{
sonucYaz.textContent="GEÇTİNİZ";
}
 
 
}
}
 
</script>
</head>
<body>
<div class="panel">
<input type="text" id="y1" placeholder="1.yazılı">
<input type="text" id="y2" placeholder="2.yazılı">
<input type="text" id="y3" placeholder="3.yazılı">
<input type="text" id="sonuc">
<input type="button" id="hesapla" value="hesapla">
<div id="sonuc-yaz"></div>
</div>
</body>
</html>

Yorumlar

Yorum Gönder

POPULER YAYINLAR

FORZA HORİZON MENÜ

HTML .background .container    .container--logo       img(src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/545665/9abd53b9-dc42-459a-b094-14d064efb37e%20(1).png")    .container--navigation       .item--link.hint lb       .item--link.active home       .item--link horizon life          .item--notification 6       .item--link team adventure       .item--link creative hub       .item--link cars          .item--notification 2       .item--link rivals       .item--link clubs       .item--link marketplace       .item--link.hint rb    .container--top-menu       .container--card-spot.size-1          .container--card.border             .item--card-image(style="background-image: url(http...
Yorum Gönder
Devamı

C# OTOBÜS PROGRAMI.EXE

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namespace otobüs {     public partial class Form1 : Form    {         public Form1()        {            InitializeComponent();        }         private void button11_Click( object sender, EventArgs e)        {            listBox1.Items.Add( &9& );            listBox1.Items.Add(textBox3.Text);            listBox1.Items.Add(textBox2.Text);   ...
2 yorum
Devamı

JAVASCRİPT ÖRNEKLERİ 1

Bu sayfada 40’dan fazla çeşitli zorluk seviyesine göre hazırlanmış   JavaScript Örnekleri  ve  JavaScript Uygulamaları nı kapsamaktadır.  Basit, Döngülü, Şartlı ve Form uygulamalarını kapsayacak şekilde javascript  örnek uygulamalarını kopyalayıp kullanabilirsiniz. JavaScript Örneklerine geçmeden önce javascript dili hakkında kısaca bir bilgi vermek gerekir. Yada JavaScript dili, yapısı ve nesneleri ile ilgili derslere göz atmak içinde  JavaScript Dersleri  yazısını okuyabilirsiniz. JavaScript Nedir Başlangıçta  Brendan Eich  tarafından geliştirilmiş ve  ilk LiveScript olarak isimlendirilen programlama dili olan JavaScript, 1995 yılında yeniden adlandırılmıştır. JavaScript, bir web tasarımcısına kendi web sayfalarına kod ekleme olanağı veren, yorumlanmış bir istemci tarafı kodlama dili olmuştur.  JavaScript genellikle bir HTML  dosyasına yerleştirilir ve doğrudan web sayfasından çalışır. Saat ve tarihe basmak, bir takvim oluştu...
Yorum Gönder
Devamı