>  기사  >  웹 프론트엔드  >  JavaScript를 사용하여 숫자를 무작위로 선택하는 작은 프로그램을 작성하는 자세한 예

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

巴扎黑
巴扎黑원래의
2017-08-12 16:19:113717검색

이 글은 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.