HTML5開發表白神器實現代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表白神器</title>
</head>
<body>
<h1>我喜歡你</h1>
<p>請選擇你的回應</p>
<form id="loveForm">
<input type="radio" name="answer" value="yes">我也喜歡你！<br>
<input type="radio" name="answer" value="no">很抱歉，我不喜歡你。<br>
<input type="submit" value="提交">
</form>
<script>
document.getElementById("loveForm").addEventListener("submit", function(event){
event.preventDefault();
var answer = document.querySelector('input[name="answer"]:checked').value;
if(answer === "yes"){
alert("太好了，我們在一起吧！");
}else{
alert("很遺憾，但是我依然會好好生活的。");
}
});
</script>
</body>
</html>以上就是一個簡單的表白神器代碼實現，使用HTML5的表單元素和JavaScript語言實現了提交表單后根據用戶的回答給出不同的提示，頁面風格簡潔美觀?？梢哉{整頁面的樣式和提示信息，更加貼近自己或者朋友的需求。
上一篇vue引入外部css樣式
下一篇html5底部飄花代碼