-
[HTML] 난수생성기(난수발생기) 웹 버전Development/HTML, CSS, 2020. 7. 6. 22:43반응형
네이버에 난수발생기 기능이 없어 직접 구현함 ㅡㅡ^
난수 발생 프로그램이나 앱을 쓰기에는 너무 귀찮아서 그냥 블로그에.. 작성해서 두고두고 쓸 예정!!
엑셀은 더더욱 귀찮..
앞으로 번호추첨, 로또 추첨 등 필요할 때 사용할 예정임 ㅋㅋ
후.. 모처럼 HTML 쓰니까 감회가 새롭구만
* 자바스크립트도 첨으로 써봄 ㅇㅇ
~부터 ~까지 citynetc.tistory.com *소스도 첨부함
<!doctype html> <HTML> <HEAD><TITLE>난수생성기</TITLE></HEAD> <BODY> <CENTER> <table border="1"> <tr><td align="center">~부터</td><td align="center">~까지</td></tr> <tr> <td><input id="min" maxlength="10" type="text" placeholder="최솟값" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" style="background-color: #e2e2e2; text-align: center; width:100px; height: 30px; font-size: 18px" /></td> <td><input id="max" name="inputmax" maxlength="10" type="text" placeholder="최댓값" onKeyup="this.value=this.value.replace(/[^0-9]/g,'');" style="background-color: #e2e2e2; text-align: center; width:100px; height: 30px; font-size: 18px"/></td> </tr> <tr> <td colspan="2" align="center"> <button id="create" maxlength="10" type="button" style="width: 200px;height: 30px">난수생성</button> </td> </tr> <tr> <td colspan="2" align="center" style="height: 20px"><a href="www.citynetc.tistory.com"> citynetc.tistory.com</a></td> </tr> <tr> <td colspan="2" align="center" style="height: 30px "><span id="result" style="font-size: 30pt ;font-weight:bold"></span></td> </tr> </table> </CENTER> <script> document.getElementById("create").addEventListener("click", generateRnd); function generateRnd() { var min = document.getElementById("min").value; var max = document.getElementById("max").value; document.getElementById("result").innerHTML = Math.floor(Math.random() * (max-min+1))+Number(min); } </script> </BODY> </HTML>
반응형'Development > HTML, CSS, ' 카테고리의 다른 글
VisualStudioCode에서 node.js 설치 및 db 연동하기 (0) 2021.05.21 [CSS] 아이폰에서 submit 버튼 디자인이 제멋대로 나올때 100% 해결법 (0) 2021.05.17 ASP, HTML, JavaScript 차이점 (0) 2017.01.09