我的代碼，和1樓同學(xué)不太一樣，各位看官評(píng)價(jià)下 哪個(gè)好？
<!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ù)，計(jì)算票數(shù)
? ? ? ? // 定義disabled函數(shù)，禁用投票按鈕
? ? ? ?function vote(btn){
? ? ? ?
? ? ? ? //? ?var num = parseInt(btn.parentNode.getElementById("total")[0].innerText);
? ? ? ? ? var numNode = document.getElementById("total");
? ? ? ? ? var num = parseInt(numNode.innerText)+1;
? ? ? ? ? numNode.innerText= num;
? ? ? ? ??
? ? ? ? ? btn.disabled =true;
debugger;
? setTimeout(a,3000);
? ? ? ?
? ? ? ?}
? ? ? ?
? ? ? ?function a(){
? ? ? ? ? document.getElementsByTagName("button")[0].disabled =false;
? ? ? ? //? ?alert("Hello")
? ? ? ? //? ?btn.disabled=false
? ? ? ? ? ?
? ? ? ?}
? ? </script>
</head>
<body>
<div class="con">投票內(nèi)容</div>
<div class="tou">
? ? <button onclick="vote(this)">投票</button>
? ? <span class="ret">總票數(shù)：<span id="total">0</span></span>
</div>
</body>
</html>
2019-02-01
<!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ù)，計(jì)算票數(shù)
? ? ? ? // 定義disabled函數(shù)，禁用投票按鈕
? ? ? ?function vote(btn){
? ? ? ?
? ? ? ? //? ?var num = parseInt(btn.parentNode.getElementById("total")[0].innerText);
? ? ? ? ? var numNode = document.getElementById("total");
? ? ? ? ? var num = parseInt(numNode.innerText)+1;
? ? ? ? ? numNode.innerText= num;
? ? ? ? ??
? ? ? ? ? btn.disabled =true;
debugger;
? setTimeout(a,3000);
? ? ? ?
? ? ? ?}
? ? ? ?
? ? ? ?function a(){
? ? ? ? ? document.getElementsByTagName("button")[0].disabled =false;
? ? ? ? //? ?alert("Hello")
? ? ? ? //? ?btn.disabled=false
? ? ? ? ? ?
? ? ? ?}
? ? </script>
</head>
<body>
<div class="con">投票內(nèi)容</div>
<div class="tou">
? ? <button onclick="vote(this)">投票</button>
? ? <span class="ret">總票數(shù)：<span id="total">0</span></span>
</div>
</body>
</html>