<frontend> {11} </Javascript 기초용어 및 입출력 방법>

V2LLAIN 2023. 7. 5. 15:01

2023. 7. 5. 15:01

📌 외부 스크립트 파일로 연결해 자바스크립트 작성하기

<script src="외부 스크립트 파일 경로"></script>

ex)
<body>
	<h1 id="heading">자바스크립트</h1>
    <p id="text">위 텍스트를 클릭하세요</p>
    
    <script src="js/color.js"></script>
</body>

🤔 JS 용어 및 기본 입출력 방법

◼︎ 식과 문 (expression. &. statement)
연산식, 문자열, 숫자도 식이다.
inch * 2.54	  // 연산식
"안녕하세요?";	// 문자열
5	         // 숫자
◼︎ 알림 창 출력하기 - alert(메세지)
◼︎ 확인 창 출력하기 - confirm(메세지)
◼︎ 프롬프트 창에서 입력받기 - prompt(메세지)
var reply = confirm("정말 창을 새로고침 하시겠습니까?");

var name = prompt("이름을 입력하세요.", "홍길동");
◼︎ 웹 브라우저 화면에 출력을 담당하는 document.write()문
<script>
	var name = prompt("이름을 입력하세요.");
    document.write("<b><big>" + name + "</big></big>님, 환영합니다.");
</script>
◼︎ 콘솔 창에 출력하는 console.log()문
<body>
	<h1>어서오세요</h1>
    
    <script>
    	var name = prompt("이름을 입력하세요.");
        console.log(name + "님, 환영합니다.");
    </script>
</body>

저작자표시 (새창열림)

'ETC(front,back) > React(HTML, CSS, JS)' 카테고리의 다른 글

<frontend> {13} </JS와 객체, 문서객체모델(DOM)> (0)	2023.07.05
<frontend> {12} </JS기본 문법, let과 const, onclick> (0)	2023.07.05
<frontend> {10} </반응형 웹> (0)	2023.07.05
<frontend> {09} </transition. &. animation> (0)	2023.07.05
<frontend> {08} </CSS 고급 선택자> (0)	2023.07.05

this.code();

<frontend> {11} </Javascript 기초용어 및 입출력 방법>

'ETC(front,back) > React(HTML, CSS, JS)' 카테고리의 다른 글

+ Recent posts

티스토리툴바