js kemahiran kod_javascript loteri mudah
May 16, 2016 pm 04:19 PM
loteri
Teras: objek Matematik js dan objek Tatasusunan
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>random</title>
<style>
#awardListDom{width: 100%;}
</style>
</head>
<body>
<label for="awardListDom">奖项列表</label><br>
<input type="text" value="" id="awardListDom"> <br>
<label for="num">抽到的奖</label><br>
<input type="text" value="" id="num"> <br>
<button id="submit">开始抽奖</button>
<script>
/*
* 思路：随机抽奖，抽一个奖项便减少一个
* Math 对象方法：http://www.w3school.com.cn/jsref/jsref_obj_math.asp
* -random():返回 0 ~ 1 之间的随机数。
* -floor():获取整数
* 数组操作：
* - splice(x,y); x:起始位置， y:获取并删除个数
*/
function random(min,max){
return Math.floor(min+Math.random()*(max-min));
}
var awardListDom=document.getElementById("awardListDom"),
num=document.getElementById("num"),
submit=document.getElementById("submit");
var awardList=["一等奖","二等奖","二等奖","三等奖","三等奖","三等奖","鼓励奖","鼓励奖","鼓励奖","鼓励奖","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与","谢谢参与"];
awardListDom.value=awardList;
submit.onclick=function(){
//引用数组
var oldArray=awardList;
var rNum=random(0,oldArray.length);
if(oldArray.length<1){
awardListDom.value="活动结束";
num.value="活动结束";
}
else{
num.value=oldArray[rNum];
oldArray.splice(rNum,1);
awardListDom.value=oldArray;
}
}
</script>
</body>
</html>Salin selepas log masuk
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel Panas
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Alat panas Tag
Artikel Panas
Repo: Cara menghidupkan semula rakan sepasukan
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?
3 minggu yang lalu
By DDD
R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu
By 尊渡假赌尊渡假赌尊渡假赌
Tag artikel panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Bagaimana untuk membuat applet loteri excel
Mar 20, 2024 am 11:40 AM
Bagaimana untuk membuat applet loteri excel
Penjelasan terperinci tentang reka bentuk dan pelaksanaan sistem loteri PHP
Mar 01, 2024 am 09:51 AM
Penjelasan terperinci tentang reka bentuk dan pelaksanaan sistem loteri PHP
Cara menggunakan Vue untuk melaksanakan kesan khas roda loteri
Sep 19, 2023 am 10:18 AM
Cara menggunakan Vue untuk melaksanakan kesan khas roda loteri
Langkah dan teknik untuk membangunkan fungsi loteri menggunakan PHP
Feb 29, 2024 pm 04:42 PM
Langkah dan teknik untuk membangunkan fungsi loteri menggunakan PHP
Perkongsian amalan terbaik untuk melaksanakan fungsi loteri dalam PHP
Mar 01, 2024 am 08:42 AM
Perkongsian amalan terbaik untuk melaksanakan fungsi loteri dalam PHP
Bagaimana untuk menyediakan loteri cemerlang
Mar 20, 2024 am 10:28 AM
Bagaimana untuk menyediakan loteri cemerlang
Cara menggunakan PHP untuk melaksanakan cabutan dan faedah loteri dalam program mini WeChat
Jun 02, 2023 am 10:51 AM
Cara menggunakan PHP untuk melaksanakan cabutan dan faedah loteri dalam program mini WeChat
Bagaimana untuk meningkatkan kadar kemenangan dalam loteri Douyin? Apakah tekniknya?
Mar 07, 2024 pm 02:43 PM
Bagaimana untuk meningkatkan kadar kemenangan dalam loteri Douyin? Apakah tekniknya?
