bu kodda nerde hata var

25-04-2024, 10:24:35

sayfa icinde oluyor ama sayfa dışı harici olarak çalışmıyor

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JScript</title>
    <script type="text/javascript" src="jsyazi.js"></script>
</head>
<body style="background-color: aquamarine;">
    <span class="harfsinifi">J</span> <span class="harfsinifi">S</span> <span class="harfsinifi">cript</span> 
    <script> 
    document.getElementsByClassName("harfsinifi")[0].style.fontSize="22px"; 
    document.getElementsByClassName("harfsinifi")[1].style.fontSize="22px"; 
    document.getElementsByClassName("harfsinifi")[0].style.color="white"; 
    document.getElementsByClassName("harfsinifi")[1].style.color="white"; 
    </script> 
    
</body>
</html>

25-04-2024, 10:29:35

#2

emrahe

Bu kodu sayfa içerisindeyken en aşağıda (sayfa yüklendikten sonra) çalıştırdığın için html elementini görüyor ve çalışıyor. Ancak harici js dosyasını en üstte çalıştırdığın için (sayfa henüz tam yüklenmeden) html elementini görmüyor. Dolayısıyla harici js dosyasında döküman yüklendikten sonra bu kodu çalıştırman gerekiyor.

 
    document.getElementsByClassName("harfsinifi")[0].style.fontSize="22px"; 
    document.getElementsByClassName("harfsinifi")[1].style.fontSize="22px"; 
    document.getElementsByClassName("harfsinifi")[0].style.color="white"; 
    document.getElementsByClassName("harfsinifi")[1].style.color="white";

25-04-2024, 10:35:54

#3

Mubi

teşekkürler