編程練習
小伙伴們,根據(jù)所學知識,使用JS實現(xiàn)網頁投票功能,點擊投票按鈕,票數(shù)加1, 為了防止刷票,每次跳票的間隔為10秒。
溫馨提示:完成任務后,請驗證是否與實踐描述效果一致,如一致,恭喜您,你已經掌握此技能,否則,請重復學習此節(jié)內容。
任務
一、定義vote()函數(shù),計算票數(shù)
提示:
1. 取得存放當前票數(shù)的的節(jié)點的innerText,轉為數(shù)字并加1。
2. 調用disabled()函數(shù),禁用按鈕。
二、定義disabled()函數(shù),禁用投票按鈕
提示:
1.改變按鈕的disabled 為false。
2.設置一個定時器,10秒后恢復按鈕disabled 為false。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.con {
width: 200px;
height: 200px;
background: red;
}
.tou {
width: 200px;
height: 30px;
line-height: 30px;
background: #a7cbff;
}
.tou button {
float: left;
}
.tou .ret {
float: right;
}
</style>
<script type="text/javascript">
// 定義vote函數(shù),計算票數(shù)
// 定義disabled函數(shù),禁用投票按鈕
</script>
</head>
<body>
<div class="con">投票內容</div>
<div class="tou">
<button onclick="vote(this)">投票</button>
<span class="ret">總票數(shù):<span id="total">0</span></span>
</div>
</body>
</html>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求