<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
    <title>Learing Javascript</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <style type="text/css">
        
    </style>

</head>

<body>

    <p>今天天氣如何?</p>
    <input id="myInput" type="text" name="" value="my Value">

    <button id="myButton">提交</button>


    <script type="text/javascript">

        // ----------if條件式基本架構-----------

        var x = 1;

        if (x == 1){

            alert("x等於1");
        } else {

            alert("x不等於1");
        }

        // -----------判斷式用x宣告----------

        document.getElementById("myButton").onclick = function(){

            var x = document.getElementById("myInput").value;
            if (x == "下雨") {

                alert("今天下雨");
            
            }    else {

                alert("今天沒有下雨");

            }

        }


        // --------------基本架構--------------


        document.getElementById("myButton").onclick = function(){

            if (document.getElementById("myInput").value == "下雨") {

                alert("今天下雨");
            
            }    else {

                alert("今天沒有下雨");

            }

        }
        

    </script>


</body>
</html>


 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 A&B 的頭像
    A&B

    網頁前端新手上路辛酸史

    A&B 發表在 痞客邦 留言(0) 人氣()