localhost8080 : 나만 볼 수 있음 (디렉토리 : 나)
웹서버를 바꿔줘야 다른 사람이 볼 수 있음
방화벽을 해제해야함!
html 제목 →html 제목 - localhost 지우고 내 IP주소 넣어줄 것
방화벽 해제
방화벽 설정 또는 해제 → 둘 다 해제함
버튼만들기
<input type=”button” value=”버튼”>
태그를 만들어줌 → 버튼이 만들어짐 (기능은 x)
메시지 뜨게 하기
js1 폴더 만들고 script.js 파일에서 가져온 자바스크립트를 뜨게 함
(script type에 js파일명을 적으면 됨)
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
// 자바스크립트 넣기 => 설명글 => 주석 ctrl shift c
alert("head안에 자바스크립트");
</script>
</head>
<body onload="alert('문서 불러오기')">
<!-- 태그 설명글 -->
<input type="button" value="버튼" onclick="alert('버튼클릭')"><br>
<input type="button" value="더블클릭" ondblclick="alert('버튼 더블클릭')"><br>
<input type="button" value="마우스오버" onmouseover="alert('버튼 마우스오버')"><br>
<input type="text" onblur="alert('텍스트 상자 포커스 해제')"><br>마우스오버
커서를 가져다 대면 뜨는 효과
태그 설명글
<input type="button" value="버튼" onclick="alert('버튼클릭')"><br>
<input type="button" value="더블클릭" ondblclick="alert('버튼 더블클릭')"><br>
<input type="button" value="마우스오버" onmouseover="alert('버튼 마우스오버')"><br>
<input type="text" onblur="alert('텍스트 상자 포커스 해제')"><br>
자바스크립트에 사용하는 값
alert("문자열");
alert('문자열2');
alert(500);
alert(3.4);
alert(true);
alert(false);
자바스크립트 연산자 사칙연산 + - * /
값이나 식 => 오른쪽의 값이나 식을 왼쪽 기억장소에 저장 (대입연산자)
변수
변하는 수(값 변경) => 기억장소 이름부여 하고 값을 저장해서 값이 변경할수 있게 함
var a=100;
var b=200;
alert(a); 변수 a (기억장소 이름)
alert("a"); 문자 a
alert(a+b);
alert(a-b);
alert(a*b);
alert(a/b);
'FrontEnd > JavaScript' 카테고리의 다른 글
| 0727 JavaScript - 내장 함수 (0) | 2022.08.25 |
|---|---|
| 0727 JavaScript - For 반복문 ~ while 반복문 (0) | 2022.08.25 |
| 0726 JavaScript - 자료형 변수 , 비교연산자 (0) | 2022.08.25 |
| 0726 JavaScript - 변수 이름 만드는 규칙 (0) | 2022.08.25 |
| 7/22 JavaScript - 제어문, 논리연산자 (0) | 2022.08.25 |