JavaScript 是一種常用的編程語言，它可以幫助開發(fā)者創(chuàng)建交互式的網(wǎng)頁，其中之一的應用就是填寫問卷。現(xiàn)今，越來越多的網(wǎng)站會提供問卷調查功能作為用戶反饋和數(shù)據(jù)收集的方式。使用 JavaScript 編寫問卷調查代碼可以使整個問卷填寫過程更加流暢、簡潔和易于使用。
下面是一個簡單的例子，展示如何使用 JavaScript 編寫一個問卷調查頁面。本例子中我們將使用 prompt 函數(shù)作為輸入方式，prompt 函數(shù)會彈出一個對話框，讓用戶在對話框中輸入信息。
<html>
<head>
<title>問卷調查</title>
<script>
function takeSurvey() {
var name = prompt("請問你的姓名是什么？");
var age = prompt("請問你的年齡是多少？");
document.write("<p>姓名: " + name + "</p>");
document.write("<p>年齡: " + age + "</p>");
}
</script>
</head>
<body>
<button onclick="takeSurvey()">開始調查</button>
</body>
</html>在上面的代碼中，我們定義了一個名為 takeSurvey 的函數(shù)，當按鈕被點擊時，該函數(shù)會被調用。函數(shù)中，我們使用 prompt 函數(shù)接收用戶輸入的名字和年齡，后面，使用 document.write 在網(wǎng)頁中輸出所接收到的信息。以上的 JavaScript 代碼可以與 HTML 代碼結合使用，以在瀏覽器中呈現(xiàn)和使用。
如果你需要更多的輸入選項，可以使用不同的輸入控件，例如，文本框、單選框、復選框、下拉框、日期選取器等等。接下來，我們將使用 HTML 表單和 JavaScript 設置來演示如何創(chuàng)建一個包含多個選項的問卷調查頁面。
<html>
<head>
<title>問卷調查</title>
<script>
function takeSurvey() {
var name = document.getElementById("name").value;
var gender = document.querySelector('input[name="gender"]:checked').value;
var age = document.getElementById("age").value;
var occupation = document.getElementById("occupation").value;
var feedback = document.getElementById("feedback").value;
document.write("<p>姓名: " + name + "</p>");
document.write("<p>性別: " + gender + "</p>");
document.write("<p>年齡: " + age + "</p>");
document.write("<p>職業(yè): " + occupation + "</p>");
document.write("<p>反饋: " + feedback + "</p>");
}
</script>
</head>
<body>
<form>
<label>姓名</label>
<input type="text" id="name"><br>
<label>性別</label>
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
<br>
<label>年齡</label>
<select id="age">
<option value="18-25">18-25</option>
<option value="26-35">26-35</option>
<option value="36-45">36-45</option>
<option value="45+">>45</option>
</select>
<br>
<label>職業(yè)</label>
<input type="text" id="occupation"><br>
<label>反饋</label>
<textarea id="feedback"></textarea><br>
<button type="button" onclick="takeSurvey()">提交</button>
</form>
</body>
</html>在上面的代碼中，我們定義了一個名為 takeSurvey 的函數(shù)，在函數(shù)中通過 JavaScript 獲取 HTML 表單元素的值。我們將姓名、性別、年齡、職業(yè)和反饋文本框和文本區(qū)域注入到 HTML 表單中，最后，在JavaScript中，將表單元素的值存儲在相應的變量中，然后使用 document.write 輸出這些值。在頁面中點擊提交（submit）按鈕，會觸發(fā) takeSurvey 函數(shù)，這樣就完成了問卷調查。
JavaScript 有多種方式可以幫助我們完成問卷調查，其中包括輸入驗證、錯誤提示、動態(tài)選項等。無論你想要實現(xiàn)的是什么，使用 JavaScript 編寫問卷調查代碼可以幫助你創(chuàng)建更流暢、易于使用的用戶反饋和數(shù)據(jù)收集機制。