Heim > Web-Frontend > js-Tutorial > Hauptteil

Yuansheng JS erstellt eine Lotterieseite

php中世界最好的语言
Freigeben: 2018-05-09 10:18:12
Original
1946 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie mit Yuansheng JS eine Lotterieseite erstellen. Was sind die Vorsichtsmaßnahmen für die Erstellung einer Lotterieseite mit Yuansheng JS?

Rendering:

Bildmaterial:

Der Code lautet wie folgt, kopieren Sie ihn und verwenden Sie ihn:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>幸运抽奖页面</title>
 <style>
  /*CSS代码*/
  *{
   padding:0;
   margin:0;
  }
  .login-box{
   width:500px;
   height:430px;
   /* border:1px solid red;*/
   /*水平居中*/
   margin:100px auto;
       <!-- 此处需要修改为自己的图片路径 -->
   background: url(img/tx1.png) no-repeat;
   box-shadow: 0 0 2px rgba(0,0,0,.5);
  }
  .login{
   padding:5px;
   border:0 none;
   background: #0a88e1;
   color: white;
   font-size:12px;
   text-align: center;
   width:220px;
   line-height: 20px;
   margin-top:200px;
   margin-left:120px;
  }
 </style>
</head>
<body>
 <p class="login-box">
  <input type="button" value="点击开始抽奖" class="login" id="luckbtn" onclick="luck()"/>
 </p>
</body>
<script>
 //JS代码:幸运抽奖
 var no = prompt("请输入您的四位会员卡号:");
 //获取到抽奖按钮
 document.getElementById("luckbtn").value =no+"-欢迎你,点击开始抽奖" ;
 //当点击抽奖按钮的时候调用,幸运抽奖的规则及提醒,功能 function 函数
 function luck(){
  //系统随机生成一个0-10之间的随机整数 :Math.random() 0-1之间的浮点数
  var num = parseInt(Math.random()*10);
  /*alert(num);*/
  //随机数=会员卡号的百位数
  /* var gewei = no%10;
  alert(gewei);*/
  /*var shiwei = parseInt(no/10%10);
  alert(shiwei);*/
  var baiwei = parseInt(no/100%10);
  /*alert(baiwei);*/
  if(baiwei == num){
   alert("恭喜"+no+",您中奖了!");
  }else{
   alert("对不起,"+no+",您没有中奖!");
  }
 }
</script>
</html>
Nach dem Login kopieren

Wenn Sie eine bessere Methode oder mehr Funktionen haben, können Sie ihn mit uns teilen. Wenn es Fehler gibt, kontaktieren Sie mich bitte, um diese zu korrigieren.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der berechneten Anwendungsfälle in Vue.js

Wie Vue dynamisch aktualisierte Echarts-Komponenten verwendet

Das obige ist der detaillierte Inhalt vonYuansheng JS erstellt eine Lotterieseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage