近年來,Web問卷調查越來越普及,許多網站都會設計問卷來了解用戶的需求,而JavaScript是實現Web問卷調查的重要工具之一。比如下面這個簡單的問卷調查:
你喜歡哪種顏色?
a. 紅色
b. 黃色
c. 藍色
可以通過以下代碼實現:<script> var answer = prompt("你喜歡哪種顏色?\na. 紅色\nb. 黃色\nc. 藍色"); if (answer === "a") { alert("你喜歡紅色!"); } else if (answer === "b") { alert("你喜歡黃色!"); } else if (answer === "c") { alert("你喜歡藍色!"); } else { alert("沒有這個選項!"); } </script>這段代碼使用了JavaScript的prompt和alert方法,通過用戶輸入的字符串來進行判斷和輸出對應的內容。 除了簡單的單選題,JavaScript還可以實現多選題、填空題和提交問卷等功能。下面是一個包括多種問答形式的例子:
1. 你的性別?
a. 男
b. 女
2. 你的年齡?
3. 你喜歡的顏色?
紅色
黃色
藍色
4. 請留下您對本問卷的建議:
這個問卷包括了單選題、填空題和多選題等多種形式,其中年齡需要用戶手動輸入,而用戶的選擇和建議需要通過JavaScript來收集和處理。 下面是這個問卷的JavaScript代碼:<script> function submitSurvey() { var gender = document.querySelector('input[name="gender"]:checked').value; var age = document.getElementById("age").value; var red = document.getElementById("red").checked; var yellow = document.getElementById("yellow").checked; var blue = document.getElementById("blue").checked; var suggestion = document.getElementById("suggestion").value; var result = {"gender": gender, "age": age, "red": red, "yellow": yellow, "blue": blue, "suggestion": suggestion}; console.log(result); alert("問卷提交成功!"); } </script>這段代碼使用了document對象和DOM操作,通過用戶的選擇和輸入獲取相應的數值,并將結果存入result對象中,最后在控制臺輸出結果并彈出提示框。 除了收集用戶信息外,JavaScript還可以實現問卷的分數統計、時間計時和結果可視化等功能,大大提升了Web問卷調查的效率和便捷性。 總之,JavaScript是Web問卷調查的重要工具之一,可以實現多種形式和功能的問卷,為用戶提供全面準確的反饋信息,為網站優化和改進提供了重要的參考依據。