JavaScript Ders-4 (JavaScript ile Html’e veri yazdırmak)

Cevapla

JavaScript ile Html’e veri yazdırmak

Tagleri ve özellikleri string değer olarak ” işareti içerisinde yazıp (+) operatörü ile bağlarız.

1
2
3

document.write("<div style='font-size:34px;'>"+"Merhaba"+"</div>");
//Diğer örnek
document.write("Evren"+" "+"Akar"+" ");

Font özellikleri (italices, fontcolor ve bold)

1
2
3

var adi="evren";
var soyadi="akar";
document.write(adi.italics()+" "+soyadi.bold().fontcolor("red")+" ");

sub ve sup yazının altına ve üstüne yazmaya yarar.

1
2
3

var adi="evren";
var soyadi="sub";
document.write(adi+" "+soyadi.sub()+" ");

toLowerCase ve toUpperCase büyük ve küçük harfle yazmaya yarar.

1
2
3
4
5

var adi="TOLOWER";
document.write(adi.toLowerCase()+" ");

var adi="toUpper";
document.write(adi.toUpperCase()+" ");

fontcolor, fontsize, strike(yazının üzerini çizer), charAt(karakterin index numarasını verir), charCodeAt(karakterin kodunu verir)

1
2
3
4
5

var adi="strike";
document.write(adi.strike()+" ");

var adi="charAt";
document.write(adi.charAt(3)+" ");

concat(sonuna ekler), replace(string ile belirtilen yerin sonuna ekler), match(eşleştirmek için kullanılır), slice(index numarasıyla belirtilen yeri döner)

1
2
3
4
5
6
7
8
9
10
11
12

var adi="evren";
var soyadi="bunuekledi";
document.write(adi.concat(soyadi)+" "); //sonuna ekler.

var adi="replace";
document.write(adi.replace("rep","bunuekledi")+" "); //rep'ten sonraki kısma ekler.

var adi="match";
document.write(adi.match("atc")+" "); //eşleşiyorsa geri döner yoksa null döner.

var adi="slice";
document.write(adi.slice(0,3)+" "); //0'dan 3'e kadar olan kısmı döner.

indexof(karakterin index numarasını döner), substring(index numarası ile belirlenen karakterleri koparır), substr(ilk değer index numarası, ikinci değer ise o indexten sonra kaç karakter ayırması gerektiğidir.)

1
2
3
4
5

var adi="evren";
document.write(adi.indexOf("r")+" "); // karakterin index numarasını döner.

var adi="evren";
document.write(adi.substring(1,4)+" "); //1-4 arası tüm karakterleri koparır.

Konunun uygulamalı örnekleri için tıklayın. (Kodların calışması için taksimleri “//” kaldırın)

Paylaş