JavaScript是一門非常常用的編程語言，它可以用來構建動態網頁和應用程序。在Web開發中，經常需要根據輸入的日期獲取對應的星期。今天，我們就來學習如何使用JavaScript實現這個功能。

假設我們有一個文本框，用戶可以在里面輸入一個日期。我們要做的就是在這個日期下面輸出對應的星期。下面是一個例子：

<input type="text" id="inputDate" placeholder="請輸入日期，格式為：YYYY-MM-DD">
<p id="result"></p>
<script>
var inputDate = document.getElementById("inputDate");
var result = document.getElementById("result");
inputDate.addEventListener("blur", function(){
var date = new Date(inputDate.value);
var week = date.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
result.innerHTML = weeks[week];
});
</script>

以上代碼的意思是：

1. 使用JavaScript獲取日期輸入框和結果輸出框的DOM對象。
2. 給日期輸入框添加一個失去焦點事件監聽器。當用戶在輸入框中輸入完日期后，將會觸發該事件。
3. 創建一個Date對象，并將日期輸入框中的值作為參數傳入。
4. 使用Date對象的getDay()方法獲取星期幾的數字（0-6，其中0代表星期日，1代表星期一，以此類推）。
5. 創建一個星期數組，并根據getDay()方法返回的數字來獲取對應的星期字符串。
6. 將結果輸出到結果輸出框中。

讓我們來看看有一個例子，假設用戶輸入的日期是2020年2月14日，那么程序會輸出“星期五”。

除了上面的方法，我們還可以使用JavaScript的日期格式化函數來獲取星期。下面是一個例子：

<input type="text" id="inputDate" placeholder="請輸入日期，格式為：YYYY-MM-DD">
<p id="result"></p>
<script>
var inputDate = document.getElementById("inputDate");
var result = document.getElementById("result");
inputDate.addEventListener("blur", function(){
var date = new Date(inputDate.value);
var week = ["日", "一", "二", "三", "四", "五", "六"][date.getDay()];
result.innerHTML = "星期" + week;
});
</script>

這個方法的區別在于，我們不再使用一個星期數組，而是使用一個星期字符串數組，然后根據getDay()方法的返回值來獲取星期字符串數組的對應位置的元素。

無論是哪種方法，對于用戶來說都是非常方便的。他們只需要輸入日期，程序就會自動輸出相應的星期。在實際應用中，可以將這個功能應用在日歷、課程表等地方，讓用戶更好地了解日期。