JavaScript를 사용하여 숫자를 무작위로 선택하는 작은 프로그램을 작성하는 자세한 예-JS 튜토리얼-php.cn

JavaScript를 사용하여 숫자를 무작위로 선택하는 작은 프로그램을 작성하는 자세한 예

巴扎黑

풀어 주다： 2017-08-12 16:19:11

원래의

3783명이 탐색했습니다.

이 글은 주로 JS로 작성된 숫자를 무작위로 선택하는 작은 프로그램의 기능을 소개합니다. 매우 훌륭하고 참고할만한 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있습니다.

저는 이제 막 JavaScript를 배우기 시작했고 무작위로 선택하는 작은 프로그램을 작성했습니다. 번호는 참고용으로 본문에 있는 모든 코드를 첨부했습니다.

이 프로그램은 다음 기능을 수행할 수 있습니다.

1. 텍스트 상자에 최대 그리기 숫자를 입력합니다.

2. 버튼을 클릭하여 숫자 그리기를 시작하고 1과 최대 값 사이의 정수를 무작위로 생성합니다. 이미 그려져 있는 숫자는 숫자의 고유성을 보장하기 위해 다시 추출할 수 없습니다

4. 숫자 결과를 결과에 넣고 표시합니다

5. 생성된 숫자를 존재에 저장하고 표시합니다

구체적인 코드는 다음과 같습니다.

<body>
  <input type="text" id="txt" placeholder="请在里面输入号码最大值！">
  <input type="button" id="btn" value="抽号">
  <p>
   <span>结果：</span>
   <span id="result"></span>
  </p>
  <p>
   <span>已抽取：</span>
   <span id="exist"></span>
  </p>
  <script type="text/javascript">
   var oBtn = document.getElementById("btn");
   var oTxt = document.getElementById("txt");
   var oRes = document.getElementById("result");
   var oExi = document.getElementById("exist");
   var arr = []; //存放座号 
   oBtn.onclick = function() {
    getSeat(oTxt.value);
   }
   function getSeat(maxnum) {
    for(var i = 0; i < maxnum; i++){
     var num = Math.floor(Math.random() * maxnum) + 1;
     var j;
     for(j = 0; j < arr.length; j++) {
      if(num == arr[j])
       break;
     }
     if(j == arr.length) {
      arr.push(num);
      oRes.innerHTML = num;
      oExi.innerHTML = arr;
      return;
     }
    }
   }
  </script>
 </body>

로그인 후 복사

실행 결과는 다음과 같습니다.

위 내용은 JavaScript를 사용하여 숫자를 무작위로 선택하는 작은 프로그램을 작성하는 자세한 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!