Web前端开发技术实验与实践（第3版）储久良 实训12
生活随笔
收集整理的這篇文章主要介紹了
Web前端开发技术实验与实践（第3版）储久良 实训12
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
項目34：設計簡易福彩投注程序
實驗截圖：
?
?
?
實驗代碼：
<!-- prj_12_1 --> <!docttype html> <html lang="en"><head><meta charset="utf-8"><title>設計簡易福彩投注程序</title><style type="text/css">div{margin:0px auto;background:white;width:450px;height:260px;border:2px solid #ff3300;color:black;}h2{font-size:28px;text-align:center;}td{font-size:18px;font-weight:bold;}</style><script type="text/javascript">function $(id){return document.getElementById(id);}function selectnumber(num){var number=new Array();for(i=0;i<=7;i++){tmp=Math.floor(Math.random()*30+1);for(var j=0;j<=number.length-1;j++){if(tmp==number[j]){tmp=Math.floor(Math.random()*30+1);j=0;}}number[i]=tmp;}$(num).value=number.sort().join(" ");}function mover(){$("clear").style.background="#00FFFF";$("clear").style.border="1px solid #00CCFF";}function mout(){$("clear").style.background="";$("clear").style.border="";}</script></head><body><div><img src="ico_7l.gif"><form name="myform" method="post" action="" onsubmit=""><table align="center"><caption><h2>福利彩票投注助手</h2></caption><tr><td>彩票號碼</td><td><input type="text" id="number1" size="28px" readonly="readonly"></td><td><input type="button" value="投注" onclick="selectnumber('number1')"></td><td rowspan="3"><input id="clear" type="reset" value="清空" style="height:80px;" onmouseover="mover();" onmouseout="mout();"></td></tr><tr><td>彩票號碼</td><td><input type="text" id="number2" size="28px" readonly="readonly"></td><td><input type="button" value="投注" onclick="selectnumber('number2')"></td></tr><tr><td>彩票號碼</td><td><input type="text" id="number3" size="28px" readonly="readonly"></td><td><input type="button" value="投注" onclick="selectnumber('number3')"></td></tr></table></form></div></body> </html>?項目35：設計江蘇福彩投注站彩票投注助手
實驗截圖：
?
?
?
?
<!-- prj_12_2.html --> <!doctype html> <html lang="en"><head><meta charset="utf-8"><title>福彩投注站投注彩票助手</title><style type="text/css">div{background:url("fc_logo.jpg") right top no-repeat;width:550px;height:320px;margin:0px auto;border:2px solid #0077BB;color:black;}h2{font-size:28px;text-align:center;padding:10px auto;}select{width:300px;heifht:145px;}input{width:80px;height:40px;}</style><script type="text/javascript">function $(id){return document.getElementById(id);}function selectNumber(n){var number=new Array();var objsel=$("number8");var selnum=objsel.options.length;for (j=0;j<=n-1;j++){var list="";for (i=0;i<=7;i++){var tmp=Math.floor(Math.random()*30+1);if (tmp<10){tmp="0"+tmp;}for (var k=0;k<=number.length-1;k++){if (tmp==number[k]){tmp=Math.floor(Math.random()*30+1);if (tmp<10){tmp="0"+tmp;}k=0;}}number[i]=tmp;}list=number.join(" ");var opt=document.createElement("option");var opt_text=document.createTextNode(list);opt.value=j;opt.appendChild(opt_text);objsel.appendChild(opt); }objsel.selectedIndex=selnum;}function delSelect(){var objSelect=$("number8");var strIndex=objSelect.selectedIndex;if (strIndex!=-1){objSelect.options.remove(strIndex);}else {alert("請先選擇列表項后再刪除！");}}function delSelectAll(){var objSelect=$("number8");var strIndex=objSelect.options.length;if (objSelect.length>0){for (i=0;i<=strIndex-1;i++){objSelect.options.remove(0);}}else {alert("列表框已空，不能再刪除！");}}</script></head><body><div><img src="ico_7l.gif"><form name="myform" method="post" action="" onsubmit=""><table><caption><h2>福彩投注站投注彩票助手</h2></caption><tr><td><input type="button" id="b1" value="機選1注" onclick="selectNumber(1);"></td><td rowspan="3"><select name="number8" id="number8" size="8"></select></td><td><input type="button" i value="刪除" onclick="delSelect();"></td></tr><tr><td><input type="button" id="b3" value="機選5注" onclick="selectNumber(5);"></td><td> </td></tr><tr><td><input type="button" d="b2" value="機選10注" onclick="selectNumber(10);"></td><td><input type="button" value="全部刪除" onclick="delSelectAll();"></td></tr> </table></form></div></body> <html>總結
以上是生活随笔為你收集整理的Web前端开发技术实验与实践（第3版）储久良 实训12的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 版本管理工具：git svn 的比较
- 下一篇： [Leetcode][第100题][JA