다연이네

[days05] js Math 내장 객체와 js boolean 본문

Web/JavaScript

[days05] js Math 내장 객체와 js boolean

　다연　 2020. 12. 15. 13:39
반응형

js Math

<script>
//[js Math 내장 객체]
document.write(Math.PI+"<br>");
document.write(Math.round(4.7)+"<br>"); //5
document.write(Math.round(4.45)+"<br>"); //4기본적으로 소수점 첫째자리에서 반올림함
document.write(Math.ceil(4.45)+"<br>"); //절상 5
document.write(Math.floor(4.9)+"<br>"); //절삭 4

document.write(Math.min(2,3,1,23,45)+"<br>"); //1
document.write(Math.max(2,3,1,23,45)+"<br>"); //45

document.write(Math.random()+"<br>"); //45
</script>

 

로또번호 발생기

버튼을 누를때마다 랜덤한 로또 번호가 발생한다.

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<button>로또 번호 발생기</button>
<div id="demo"></div>

<script>
	var lotto=[]; 
	//document.getElementsByTagName("button")[0];
	document.querySelector("button").onclick = function () {
		var n;
		lotto=[]; //초기화
		while (lotto.length<6) {
			n=getRandRange(1,45);
			if(isDuplicationLotto(lotto,n)){//중복체크
				lotto.push(n);
			}
		};
		lotto.sort(function(a, b) { //숫자는 비교가 안되니
			return a-b; //이렇게 정렬
		});
		document.getElementById("demo").innerHTML = lotto.toString();
	};
	
	function getRandRange(min,max) { //1 ~ 45
		return Math.floor(Math.random()*(max-min+1))+min;
	}
	
	//중복되면f 안되면t
	function isDuplicationLotto(lotto, n) {
		return lotto.every(function(elt, i, array) { //모든 요소가 만족하는지 물어봄
			return elt!=n; //모두가 이 조건을 만족하면 true 돌림
		});
	}
</script>
</body>
</html>

 

 

리스트에서 숫자를 선택하면 그 줄만큼의 로또 번호를 출력하게 하자

(리스트의 숫자 1~20)은 동적으로 생성하자

+JQuery로 수정하자

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<select id="cmbCnt">

</select>
<button>로또 번호 발생기</button>
<div id="demo"></div>



<script>

for (var i = 1; i <=20; i++) {
	$("#cmbCnt").append("<option>"+i+"</option>");
}


</script>


<script>
	var lottos=[]; 

		$("button").click(function(event) {
			//alert($("#cmbCnt").val());
			//$("#demo").empty();
			lottos=[];
			var n;
			
			for (var i = 0; i <$("#cmbCnt").val(); i++) {
				lotto=[]; //초기화
				while (lotto.length<6) {
					n=getRandRange(1,45);
					if(isDuplicationLotto(lotto,n)){//중복체크
						lotto.push(n);
					}
				};
				lotto.sort(function(a, b) { //숫자는 비교가 안되니
					return a-b; //이렇게 정렬
				});
				lottos.push(lotto);
			}//for
			
			$("#demo").html(lottos.join("<br>").toString());
		});//click
	
	function getRandRange(min,max) { //1 ~ 45
		return Math.floor(Math.random()*(max-min+1))+min;
	}
	
	//중복되면f 안되면t
	function isDuplicationLotto(lotto, n) {
		return lotto.every(function(elt, i, array) { //모든 요소가 만족하는지 물어봄
			return elt!=n; //모두가 이 조건을 만족하면 true 돌림
		});
	}

</script>
</body>
</html>

join, evey 등등 기억해두기 - 로또 관련해 시험에 자주 나온다

 

 

 

js boolean

<script>
	//js boolean 확인
	//true, false
	// > < == != 결과값 boolean
	document.write((8>7)+"<br>");
	document.write(Boolean("")+"<br>"); //빈문자열: false
	document.write(Boolean(0)+"<br>"); //0 false
	document.write(Boolean(-0)+"<br>"); //-0: false
	document.write(Boolean(null)+"<br>"); //null: false
	document.write(Boolean(NaN)+"<br>"); //NaN: false
	var x
	document.write(Boolean(x)+"<br>"); //undefined: false
	
</script>

 

 

반응형
저작자표시 비영리

'Web > JavaScript' 카테고리의 다른 글

[days05] 정규표현식 (을 사용해 입력값 유효성 확인 외)  (0) 2020.12.15
[days05] insertRow,insertCell 구구단 표 만들기  (0) 2020.12.15
[days05] .classList.toggle(), .nextElementSibling;  (0) 2020.12.15
[days04] .css().removeClass()/.addClass(), .eq()  (0) 2020.12.14
[days04] 함수의 매개변수  (0) 2020.12.14
'Web/JavaScript' Related Articles more
Comments