<fieldset> <legend> görüntüleme ekranı </legend><p id=”hak”></p> <input id=”text” type=”number” value=2 name=”sayi” min=”1” max=”20” step=”3”> <form action=”yol”> telefon: <input oninput=”ddname()” onfocus=”ddname()” onchange=”ddname()” id=”range” type=”number” value=”3″ min=”1″ max=”10″> <!–burada on input ile direk artırır onchance ile ise mausu bıraktığın zaman artırır–> </form></fieldset>
<p id=”hak”></p> <input id=”text” type=”number” value=2 name=”sayi” min=”1” max=”20” step=”3”> <form action=”yol”> artır: <input oninput=”ddname()” onchange=”ddname()” id=”range” type=”range” min=”1″ max=”100″> <!–burada on input ile direk artırır onchance ile ise mausu bıraktığın zaman artırır–> </form> <script> function ddname() { var al = document.getElementById(“range”).value; document.getElementById(“hak”).innerHTML = al; document.getElementById(“text”).value = al; } </script>
<head> <style> #myDIV { background-color: coral; border: 1px solid; padding: 50px; color: white; } </style> </head> <body> <div id=”kural”> <p id=”p1″></p> </div> <script> var h1 = document.createElement(“h1”); //burada birtane tag acıyoruz var node1 = document.createTextNode(“hasan aylas”); // burada da içeriği alıyoruz h1.appendChild(node1); var kural = document.getElementById(“kural”); var p1 = document.getElementById(“p1”); kural.insertBefore(h1, p1); // burada h1 […]
Java Script. input text içindeki kelimeleri sayma kontrol etme kullanılan kelime sayısına göre smile cıkarma ben burada resimleri proje içine koyduğum için sizde gözükmeyebilir burada image olan adları kendi resim adınıza göre cıkarınız. <script type=”text/javascript”> function karaktersiniri() { var val = document.getElementById(“metinBelgesi”).value; var tt = val.split(‘ ‘); // boşlukları al var kesa = tt.length; // […]
<script type=”text/javascript”> function a() { var ka = document.querySelectorAll(“LI.hasan”); // burada li tag ının içindeki hasan class ı kullanları yazdır dedik. for (var i = 0; i < ka.length; i++) { alert(ka[i].innerHTML); } } </script> <p id=”sayac”></p> <ul> <li class=”hasan”> hasan aylas</li> <li class=”hasan”> mustafa aylas</li> <li> hakkı aylas </li> </ul>
Java script ile listeden verileri cekme (getElementsByTagName) <script type=”text/javascript”> function a() { var list = document.getElementsByTagName(“LI”); for (var i = 0; i < list.length; i++) { alert(list[i].firstChild.data); } document.getElementById(“sayac”).innerHTML = list.length; } </script> <p id=”sayac”></p> <ul> <li> hasan aylas</li> <li> mustafa aylas</li> <li> hakkı aylas </li> </ul> <input id=”buton” type=”button” onclick=”a()” value=”Dene” />
Java script te validation yapmanız gereken yerler olacak. örneğin bazı durumlarda sadece 11 karakter yada sadece sayı girmeniz gerekebilir. bunun için asağıdaki örneğimizi inceleyebilirsiniz. Html kodu asağıda 11 karakterden fazla olamaz mesala type=”number yapsaydık sadece sayı girebilecektik- e harfini girebilirsini fakat e sonsuzu ifade eder rakam olarak algılanır sizi yanıltmasın <body> <input id=”arama” type=”text” pattern=”[A-Za-z] […]
html kodu <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>Başlıksız Belge</title> <script src=”java.js”> </script> </head> <body> <input id=”arama” type=”text” /> <p>1-100 arası bir sayı girniz: </p> <input id=”buton” type=”button” onclick=”calistir()” value=”Dene” /><input id=”Button1″ type=”button” onclick=”window.location.reload(false)” value=”Yeniden basla” /> <p id=”yazi”></p> </body> </html> Java scriptle if else function try catch kullarak sayı tahmin oyunu gerisini geliştirebilirsiniz. java […]
ilk olarak while döngüsü nasıl dır onu sorgulayalım While = iken anlamı katar bu da bu iken yap gibi bir sonuc cıkarır alttaki sonuc ekranından bakbilirsiniz. var inn=1; while (inn<10) { inn++ alert( “sayıların toplamı” ); } Do While ise buna benzerdir. aynı sekilde asağıda ki kodu inceleyebilirsiniz. var i = 0; do { document.write(i […]
//java script karar yapılarından veya döngülerden for döngüsünü kullanımı hakkında bilgi sunacağız for ( var i=0; i<=1;i++){ if(i==5) {//break;// bu komutla döngüyü tamamen kapatır ve kapanır continue; // bu ise eşitliği sağladığı koşu atlar ve sonrasına gecer yani bırakmaz atlar devam eder burada 5 i atlayacak ve devam edecek. } alert(i); } var iin=0;