Bu yazımızda JavaScript fonksiyonlar hakkında bilgi vereceğiz
Parametresiz bir şekilde fonksiyon aşağıdaki gibi çağrılır
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Merhaba Dünya!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Cagir</button>
</body>
</html>
Bu yazımızda JavaScript değişkenler hakkında bilgi vereceğiz
JavaScript için değişken tanımlarken farklı veri tipi tanımlamaya gerek yoktur
Sayı Tipinde Değişkenler
var a = 3;
var b = 4;
Decimal Tipinde Değişkenler
var pi = 3.14;
Karakter setleri
var name = "Volkan";
var surname='OZTURK';
name="Merve";
Bu yazımızda JavaScript ile HTML elemanlarının nasıl değiştirilebileceğini inceleyeceğiz
document.getElementById(“id”) metoduyla HTML bileşenine erişebiliriz . Bu metodun innerHTML metoduylada bileşenin html değeri değiştirilir
Örnek HTML
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Paragraf Değişti";
}
</script>
</head>
<body>
<h1 id="demo">Paragraf 1</h1>
<button type="button" onclick="myFunction()">Paragrafı Değiştir</button>
</body>
</html>
Bu yazımızda JavaScript diline giriş yapacağız
JavaScript Netscape firması tarafından geliştirilmiş , web sayfalarına etkileşimli ve dinamik özellikler katmamızı sağlayan standart bir script dilidir
JavaScript kullanarak HTML bileşenlerine erişip bu bileşenlerin değerlerini dinamik olarak değiştirebiliriz
Örnek JavaScript kodu
<html>
<head>
<script type="text/javascript">
var d = new Date();
var time=d.getHours();
if(time < 12){
alert('Günaydın');
}else{
alert('Merhaba');
}
</script>
</head>
</html>
Güncel web tarayıcılarının hepsi JavaScript i desteklemektedir . Fakat bazı durumlarda Javascript kodları çalışırken tarayıcıların bazı fonksiyonları desteklememesi nedeniyle sıkıntı yaşanabilmektedir
JavaScript Kodları HTML kodlarının hangi bölümünde yazılmalıdır ?
Javascript kodları HTML HEAD kısmına ve BODY kısmına yazılabilir
<html>
<head>
<script type="text/javascript">
*******
**
** JS KODLARI
**
*******
</script>
</head>
</html>
<html>
<head>
</head>
<body>
<script>
document.write("<p>This is a paragraph</p>");
</script>
</head>
</html>