js getElementById 取值问题

虽说简单，但有的同学一直取不到值。

这种情况：永远取不到值：

<input type="text" id="ib"/>
<button onclick="fdd()">ok</button>
<script type="text/javascript">
    var t = document.getElementById("ib").value;
    function fdd() {
        console.log(t);
    }
</script>
<!--原因是：没有放到执行方法体内。-->

在方法体内可以取到值。如：

<input type="text" id="ib"/>
<button onclick="fdd()">ok</button>
<script type="text/javascript">
    function fdd() {
      var t = document.getElementById("ib").value;
        console.log(t);
    }
</script>

学会了吗？