<!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>

    <input id="myInput" type="text" name="" value="my Value">

    <button id="myButton">請點按</button>

    <p id="text">原來的一段文字</p>

    <script type="text/javascript">

        var myVariable = document.getElementById("myInput").value;  //選告變數&附值

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

             myVariable = document.getElementById("myInput").value;  //確保更新每次抓取到的值
            document.getElementById("text").innerHTML = myVariable;

        }
    
    </script>


</body>
</html>


 

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

    網頁前端新手上路辛酸史

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

    E-mail轉寄