JavaScript 출력/ Object형/prompt

원몽·2021년 5월 10일
0

HTML/CSS 수업

목록 보기
2/5

출력방법

document.write("Hello");
document.write("<hr>");  안에 태그가 들어갈수도 있음

//내부자바스크립트
<head>, <body> 안에서 <script></script> 로 감싼뒤 안에 위의 출력문 작성
ex)<script type="text/javascript">
		document.write("안녕");
	</script>
//외부 자바스크립트
	JSP file 생성후  
    <script src="test.js">   src에 주소입력
	</script>

ex) div에 출력하기

1.출력할 곳에 id 지정
2.스크립트태그
3.스크립트 안에 문법 작성
	>>document.getElementById("temp").innerHTML = "내용입력";
    
<body>
	<div id="temp">  //1번 아이디지정
    </div>
    
    <script> // 2.스크립트태그
    	document.getElementById("temp").innerHTML = "내용입력"; 3.안에들어갈 내용작성
    </script>
</body>

Object수업정리

자바는 변수 선언할때 타입으로 var 사용 
선언
var str1 = "hello";
출력
document.write(str1);

선언
var obj = {};

ex) 
var myCar = {
	model : "포르쉐",
    year : 2021,
    price : 120000000
}

출력 >> 
document.write(myCar.model);
document.write(myCar.year);
document.write(myCar.price);

prompt

확인,취소,input 이있는 메시지박스

ex)더하기
선언
var value1 = prompt("정수입력하세요")
var value2 = prompt("정수입력하세요")
var sum;


sum = parseInt(value1) + parseInt(value2);
//입력받은값은 스트링으로 인식하기때문에 형변환해줄것
출력
document.write(sum);

다른 태그에 출력하고 싶을때 아이디 지정해준후 위 문법사용
<p id="p"></p>

document.getElementById("p").innerHTML = "결과는" + sum;
profile
수업정리용

0개의 댓글