Javascript是一種常用的編程語言，常被網頁開發者用于增強網頁交互效果。在網頁中，輸入框是我們經常使用到的組件之一。當我們需要獲取輸入框的值時，就需要用到Javascript來處理了。
一般來說，獲取輸入框的值有兩種方法。第一種是通過HTML DOM中的value屬性來獲取，第二種是通過addEventListener()函數來監聽輸入框的變化事件。下面分別介紹這兩種方法的實現。
首先，我們看一下第一種方法的代碼：

<p>請輸入您的名字:</p>
<input type="text" id="myName">
<button onclick="myFunction()">點擊獲取輸入值</button>
<p id="demo"></p>
<script>
function myFunction() {
var name = document.getElementById("myName").value;
document.getElementById("demo").innerHTML = name;
}
</script>

在這個例子中，我們在HTML中定義了一個輸入框和一個按鈕。通過onclick事件調用myFunction()函數獲取輸入框的值，并將其賦值給變量name，并將name的值顯示在網頁上。
接下來，我們再看一下第二種方法的代碼：

<p>請輸入您的名字:</p>
<input type="text" id="myName">
<p id="demo"></p>
<script>
var input = document.getElementById("myName");
input.addEventListener("input", myFunction);
function myFunction() {
var name = document.getElementById("myName").value;
document.getElementById("demo").innerHTML = name;
}
</script>

在這個例子中，我們定義了一個變量input，通過addEventListener()函數來監聽輸入框中的輸入事件。當輸入框的值發生變化時，myFunction()函數將被調用，并將輸入框的值賦值給變量name，并將其顯示在網頁上。
雖然以上兩種方法都能獲取輸入框的值，但它們的使用場景卻不同。第一種方法適合用在一些按鈕事件中，如提交表單時獲取輸入框的值；第二種方法則適合用在一些實時變化的場景中，如當用戶在輸入框中輸入時實時獲取輸入框的值。
不過，需要注意的是，當我們獲取輸入框的值時，無論是使用value屬性還是通過監聽事件來獲取，一定要先保證輸入框已經被創建出來，否則將會出現undefined的情況。一種比較好的做法是將Javascript代碼放在HTML文檔的最后，以確保輸入框已經被創建出來。
綜上所述，獲取輸入框的值在Javascript中是非常常見的操作，無論是使用value屬性還是通過監聽事件來獲取，都有其各自的實際應用場景。我們需要根據實際情況靈活運用這些方法。