javaScript 공부중 _03 📘📌🔔✨📑

양땡구·2020년 10월 25일

🔔 스위치 switch 조건문

<script type="text/javascript">
		day="수"
		document.write(day+" 요일에는")
		switch(day){
			case "월" : document.write(" 오전 10시에 수업시작")
			break                       
			case "화" : document.write(" 오후 2시에 수업시작")
			break                       
			case "수" : document.write(" 오후 2시에 수업시작")
			break                       
			case "목" : document.write(" 오전 10시에 수업시작")
			break                       
			case "금" : document.write(" 오전 11시에 수업시작")
			break
			case "토" : document.write(" 공휴일")
			break
			case "일" : document.write(" 수업없음")
			break
			default: document.write(" 월요일에서 일요일만 입력하세요.")
		}
	</script>

📑 switch - case - break 가 한 세트

🔔 스위치 switch 조건문 (축약형)

<script type="text/javascript">
		day="수"
		document.write(day+" 요일에는")
		switch(day){
			case "월"
			case "수"
			case "목" : document.write(" 오전 10시에 수업시작")
			break                       
			case "화"                  
			case "금" : document.write(" 오후 2시에 수업시작")
			break
			case "토" 
			case "일" : document.write(" 수업없음")
			break
			default: document.write(" 월요일에서 일요일만 입력하세요.")
		}
	</script>

📑 break를 안쓰면 계속 인지함

<script type="text/javascript">
		var current=new Date()
		var day_time=current.getHours()
		//var day_time=19 -> 달이출력됨
		if(day_time<18)document.write('<img src="day.gif" alt="해그림" style="display:block; margin:10px auto;"/>')
		else document.write('<img src="night.gif" alt="달그림" style="display:block; margin:10px auto;"/>')
	</script>

📑
var current=new Date()
var day_time=current.getHours()

🔔 함수 기능

반복문 :
반목문이란 주어진 조건에 따라서 문장을 반복 실행하게 해준다.
자바 스크립트에서 반복문은 for문, while문, do while문이 있다

<head>
	<meta charset="UTF-8">
	<title>함수 : 기능</title>
	<script type="text/javascript">
		//사용자 정의 함수 funcion 함수명(인수){실행문}
		function love(){
			for(i=1;i<=400;i++)
			document.write("바보똥꼬")
			
		}
	</script>	
	
</head>
<body>
	<script type="text/javascript">
		love()
	</script>
</body>

💻출력값
바보똥꼬가 400번 출력된다.

<head>
	<meta charset="UTF-8">
	<title>함수 : 기능</title>
	<script type="text/javascript">
		//사용자 정의 함수 funcion 함수명(인수){실행문}
		function add(a,b){
			var c
			c=a+b
			document.write(c)
			
		}
	</script>	
	
</head>
<body>
	<script type="text/javascript">
		m=3
		n=4
		document.write(m+"+"+n+"=")
		add(m,n)
	</script>
</body>

💻출력값
3+4=7

<head>
	<meta charset="UTF-8">
	<title>함수에서 변수를 사용할 때 주의할 점</title>
	<script type="text/javascript">
		function sdsd(a,b){
			c=a+b; //지역변수 c=a+b,실행이 한번만 됨
			document.write(c)
			document.write('<br/>')
			
		}
		function sd(){
			d=c+2
			document.write(d)
		}
	</script>	
	
</head>
<body>
	<script type="text/javascript">
		sdsd(10,20)
		document.write(c+1)
		document.write('<br/>')
		sd()
		
	</script>
</body>

💻출력값
30
31
32

🔔 내장함수

<script type="text/javascript">
		alert("확인창을 출력해주는 함수 / 확인을 누르면 없어짐")
	</script>

💻출력값
alert(괄호 속의 내용이 알림창에 출력됨)

<script type="text/javascript">
		alert("이 홈페이지는 "+document.lastModified+" 수정되었습니다.")
</script>

마지막 수정시간이 알림창에 출력됨

<script type="text/javascript">
		today=new Date()
		alert("오늘은 "+(today.getMonth()+1)+"월 "+(today.getDate())+"입니다.")
</script>

오늘날짜 출력됨 (월과 일)

<script type="text/javascript">
		haha=confirm("18세 이상이면 [확인] 단추를 클릭하세요.")
		if(haha==true)location.href="a.htm"
		else location.href="b.htm"
		/*location : 페이지 url 정보를 담고있는 객체*/
</script>

🔔 confirm 함수

<script type="text/javascript">
		wawa=prompt("당신의 이름을 입력하세요.","입력은 여기에")
</script>

<script type="text/javascript">
		code=prompt("비밀번호를 입력하세요","입력하세요")
		if(code=="1234")location.href="welcome.htm"
		else document.write("비밀번호를 확인해주세요.")
</script>

양땡구

공부를 합니다! 매일매일 기록중 📘

이전 포스트

javascript 공부하는중 _02🔔✨📌📑💻

다음 포스트