• 22-09-2022, 12:37:57
    #1
    Merhaba daha yeni programlamaya yeni basladim diyebilirim. bu konularla ilgilenen ve sorularima ve sorunlarima yanit verebilecek arkadas bulmak sanirim daha iyi bir cozum olacak -bu arada ingilizce klavye kullandigim icin turkce karakter sorunu var yazilarimda kusuruma bakmayin- veya buradanda sorularimi ileterek cozume kavusturulabilir.

    kodlabtan yillar once 2018 baskisi web tasarim uzmanlik seti kitaplarini aldim kendi websitemi olusturabilmek icin kitapta gosterilen bazi kodlari deniyerek durumu anlamaya calisiyorum.

    ilk soruma sunda baslayabiliriz:

    asagidda yazdigim kod calismadi bilen varmi teknik amelelik olmasin diye resim yerine ayni zamanda texti de paylasiyorum.

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>JavaScript</title>
    </head>
    <body>
    
        <script type="text/javascript">
            
            // window.alert("Hello There"); //worked
    
    
            // document.write("Hello There"); //worked
    
            // document.getElementById("test") .innerHTML = "Hello There"; //#1
    
            // console.log("Hello there Help me im so alone"); //worked
    
            /*function ifCommand() {
                var x = 10;
                if (x < 100){
                    window.alert(" X smaller then 100");
                }
            }*/ //#2
    
            /*function elseIfCommand() {
                var x = 15;
                if (x < 10) {
                    window.alert("x smal than 10");
                }
                else if (x < 20) {
                    window.alert("x smal than 20 and bigger than 10");
                }
            }*/
    
            var kanvas = document.querySelector("canvas");
    
            var konteks = kanvas.getContext("2d");
            konteks.moveTo(10,10);
            konteks.lineTo(290,40);
            konteks.stroke();
    
            var konteks2 = kanvas.getContext("2d");
            konteks2.moveTo(10,40);
            konteks2.lineTo(290,10);
            konteks2.stroke();
    
    
        </script>
        
        <!-- <p id="test"></p> //#1 -->
    
        <canvas height="100" width="300" style="border: 2px blue double;">
            
        </canvas>
    
    </body>
    </html>
  • 22-09-2022, 12:45:48
    #3
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>JavaScript</title>
    </head>
    <body>
    
    <!-- <p id="test"></p> //#1 -->
    
    <canvas height="100" width="300" style="border: 2px blue double;">
    
    </canvas>
    
    <script type="text/javascript">
    
        // window.alert("Hello There"); //worked
    
    
        // document.write("Hello There"); //worked
    
        // document.getElementById("test") .innerHTML = "Hello There"; //#1
    
        // console.log("Hello there Help me im so alone"); //worked
    
        /*function ifCommand() {
            var x = 10;
            if (x < 100){
                window.alert(" X smaller then 100");
            }
        }*/ //#2
    
        /*function elseIfCommand() {
            var x = 15;
            if (x < 10) {
                window.alert("x smal than 10");
            }
            else if (x < 20) {
                window.alert("x smal than 20 and bigger than 10");
            }
        }*/
    
        var kanvas = document.querySelector("canvas");
    
        var konteks = kanvas.getContext("2d");
        konteks.moveTo(10,10);
        konteks.lineTo(290,40);
        konteks.stroke();
    
        var konteks2 = kanvas.getContext("2d");
        konteks2.moveTo(10,40);
        konteks2.lineTo(290,10);
        konteks2.stroke();
    
    
    </script>
    
    </body>
    </html>
    Bu şekilde deneyin, javascript kod bloğunu önce değil sonra çağırın.
  • 22-09-2022, 13:02:54
    #4
    Mekruh adlı üyeden alıntı: mesajı görüntüle
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>JavaScript</title>
    </head>
    <body>
    
    <!-- <p id="test"></p> //#1 -->
    
    <canvas height="100" width="300" style="border: 2px blue double;">
    
    </canvas>
    
    <script type="text/javascript">
    
        // window.alert("Hello There"); //worked
    
    
        // document.write("Hello There"); //worked
    
        // document.getElementById("test") .innerHTML = "Hello There"; //#1
    
        // console.log("Hello there Help me im so alone"); //worked
    
        /*function ifCommand() {
            var x = 10;
            if (x < 100){
                window.alert(" X smaller then 100");
            }
        }*/ //#2
    
        /*function elseIfCommand() {
            var x = 15;
            if (x < 10) {
                window.alert("x smal than 10");
            }
            else if (x < 20) {
                window.alert("x smal than 20 and bigger than 10");
            }
        }*/
    
        var kanvas = document.querySelector("canvas");
    
        var konteks = kanvas.getContext("2d");
        konteks.moveTo(10,10);
        konteks.lineTo(290,40);
        konteks.stroke();
    
        var konteks2 = kanvas.getContext("2d");
        konteks2.moveTo(10,40);
        konteks2.lineTo(290,10);
        konteks2.stroke();
    
    
    </script>
    
    </body>
    </html>
    Bu şekilde deneyin, javascript kod bloğunu önce değil sonra çağırın.

    calisti tesekkurler
  • 22-09-2022, 13:36:38
    #5
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>JavaScript</title>
    </head>
    <body>
    
    
        <!-- <p id="test"></p> //#1 -->
    
        <canvas height="100" width="300" style="border: 2px blue double;">
            
        </canvas> 
    
        <script type="text/javascript">
            
            // window.alert("Hello There"); //worked ✔
    
    
            // document.write("Hello There"); //worked ✔
    
            // document.getElementById("test") .innerHTML = "Hello There"; //Unworked ❌
    
            // console.log("Hello there Help me im so alone"); //worked ✔
    
            // function ifCommand() {
            //     var x = 10;
            //     if (x < 100){
            //         window.alert(" X smaller then 100");
            //     }
            // } //Unworked ❌
    
            /*function elseIfCommand() {
                var x = 15;
                if (x < 10) {
                    window.alert("x smal than 10");
                }
                else if (x < 20) {
                    window.alert("x smal than 20 and bigger than 10");
                }
            }*/
    
            /*var kanvas = document.querySelector("canvas");
    
            var konteks = kanvas.getContext("2d");
            konteks.moveTo(10,10);
            konteks.lineTo(290,40);
            konteks.stroke();
    
            var konteks2 = kanvas.getContext("2d");
            konteks2.moveTo(10,40);
            konteks2.lineTo(290,10);
            konteks2.stroke();*/ //worked ✔
    
            /*var kanvas = document.querySelector("canvas");
    
            var konteks = kanvas.getContext("2d");
            konteks.moveTo(10,10);
            konteks.lineTo(10,40);
            konteks.stroke();
    
            var konteks2 = kanvas.getContext("2d");
            konteks2.moveTo(290,10);
            konteks2.lineTo(290,40);
            konteks2.lineWidth = 5;
            konteks.stroke();*/ //worked ✔
            
    
    
    
    
        </script>
    
    
    </body>
    </html>
    calismamis olanlar; neden calismamis olabilir?