wasup

JavaScript) innerHTML, prompt 본문

IT/html, css, script

JavaScript) innerHTML, prompt

wasupup 2021. 4. 8. 16:40
반응형

1)javascript로 document제어

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload = function(){
		//alert('문서(html)이 메모리에 올라오면 script function 실행!!');
		
		var list = '';
		list += '<ul>';
		list += '<li>HTML5</li>';
		list += '<li>CSS3</li>';
		list += '<li>JavaScript</li>';
		list += '<li>JQuery</li>';
		list += '<li>BootStrap</li>';
		list += '</ul>';
		//body에 list를 출력
		document.body.innerHTML = list;
	};
</script>
</head>
<body>
<!-- ul>li{HTML5}+li*4 -->
<!-- <ul>
	<li>HTML5</li>
	<li>CSS3</li>
	<li>JavaScript</li>
	<li>JQuery</li>
	<li>BootStrap</li>
</ul> -->
</body>
</html>

2)외부에서 문자열 입력받기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script>
	//외부에서 문자열을 입력받기
	//0. prompt() : 숫자로 입력하더라도 문자열로 인식한다.
	//입력받은 값을 연산하려면 숫자형으로 변환
	//이 함수는 2개의 매개변수가 있다.
	//prompt(String messege, String 기본값);
	var num = prompt('숫자를 입력하세요!', 100);
	
	//1. typeof() : 자료형 확인
	alert('1-1. 자료형 확인 \n typeof(num) : ' + typeof(num));
	num += 1000;
	alert('1-2. num += 1000 : ' + num);
	
	//2. Number() : 숫자형태인 문자열을 숫자로 변환
	num = Number(num);
	num += 1000;
	alert('2. 숫자형태인 문자열을 숫자로 변환 \n Number(num) += 1000 : ' + num);
	
	//3. String() : 숫자형을 문자형으로 변환
	num = String(num);
	num += 1000;
	alert('3. 숫자형을 문자형으로 변환 \n String(num) += 1000 : ' + num);
	
	//4. confirm() : boolean값을 입력받을 때 사용
	var input = confirm('수락하겠습니까?');
	//alert(input);
	
	if(input==true){
		alert('true입니다.');
	}else{
		alert('false입니다.')
	}
</script>
</body>
</html>

반응형

'IT > html, css, script' 카테고리의 다른 글

JavaScript) if문 예제  (0) 2021.04.09
JavaScript) 자료형변환함수  (0) 2021.04.09
JavaScript) 변수와 연산자, 변수의 명명규칙  (0) 2021.04.07
JavaScript) 이스케이프문자, console.log  (0) 2021.04.06
Eclipse emmet사용법  (0) 2021.04.06
'IT/html, css, script' Related Articles more
Comments