HTML5抽簽器是一種非常有趣的應用,它可以讓用戶隨機抽取一個或多個結果,應用非常廣泛。下面是一個HTML5抽簽器的案例代碼:
<html> <head> <meta charset="utf-8"> <title>HTML5抽簽器</title> </head> <body> <h2>請選擇要抽取的結果個數:</h2> <input type="number" min="1" max="10" value="1" id="num" /><br/> <button onclick="go()">抽取</button><br/> <div id="result"></div> <script> function go(){ var num=document.getElementById("num").value; var result=""; for(i=0;i<num;i++){ var r=Math.floor(Math.random()*100+1); result=result+"抽中的結果"+(i+1)+": "+r+"<br/>"; } document.getElementById("result").innerHTML=result; } </script> </body> </html>
上面的代碼中,我們使用了HTML5的input元素來獲取用戶需要抽取的結果個數,通過for循環和random函數實現隨機抽取結果。最后,我們使用innerHTML將抽取結果顯示在網頁上。因為涉及到輸入輸出,所以我們需要為HTML文檔設置字符集,確保中文輸入輸出正常。
上一篇td css去掉內容樣式
下一篇td內容居中 css