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>