겉바속촉
[html] 자동완성 설치하기 본문
설치해주셔야 될게 있어요
아래링크 복사하신 후에
http://oss.opensagres.fr/tern.repository/1.2.0/
Index of /tern.repository/1.2.0
oss.opensagres.fr
이클립스 들어가시고
프로젝트 파일에서 우클릭 - Configure - Covert to Tem Project.. 클릭
그리고서 뜨는 팝업창에서
체크해주세요:)
체크할 사항들---> Browser, CKEditor, jQuery
세가지 체크체크체크 해주세요:)
그리고 Apply and Close 해주시면 됩니다~
이제부터 자동완성이 가능합니다!^^!
지금부터 자바스크립트 시작입니다!! 오예!!
alert이용해서 경고창이 뜨게 해줄게요:)
다음 코드를 살펴 보시면
<title></title>바로 다음줄에
<scri -->까지 치시고 ctrl + space 눌러주시면 자동완성으로
<script type="text/javascript"></script> 가 등장합니다.
우리는 alert(출력하고 싶은 값들) 라고 적용해보도록 할게요
안녕하세요? --> ""사용해서 작성
5+3*2
10%7
이렇게 작성해보았습니다.
그리고 각각 컴파일 해보시면
안녕하세요?
5+3*2 --> 결과값이 출력되는 점이 포인트
10%7 --> 결과값이 출력되는 점이 포인트
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
//alert("안녕하세요?");
//alert(5+3*2);
alert(10%7);
</script>
</head>
<body>
</body>
</html>
다음과 같이 경고창이 뜨게 되는 거에요!!
이번에는 이렇게 해주세요
var name ='';
이런형태로 적어주신 후에
document.write() --->요런식으로 출력!!
1. var형태
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
//alert("안녕하세요?");
//alert(5+3*2);
//alert(10%7);
var name1='겉';
var name2='바';
var name3='속';
var name4='촉';
var name=name1+name2+name3+name4;
document.write('안녕하세요?<br>'+name+"입니다")
</script>
</head>
<body>
</body>
</html>
2. 변수형태에 따른 출력값
var a;
a='변수연습';
a=10;
document.write(typeof(a)+"a<br>");
var a;
a='변수연습';
a='10';
3. 조건문 사용해서 작성하기
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript">
var userId=window.prompt("아이디입력");
if(userId=='angel')
document.write(userId+"님 환영합니다");
else
document.write("다시입력");
</script>
</head>
<body>
</body>
</html>
if조건문 불만족시
if조건문 만족시
'IT일기(하반기) > HTML' 카테고리의 다른 글
| [html] 자바스크립트-함수 (0) | 2020.06.11 |
|---|---|
| [html] 자바스크립트-형변환 (0) | 2020.06.11 |
| [html] Audio랑 Video 넣어보기 (0) | 2020.06.11 |
| [html] 여러가지 checkbox들 (1) | 2020.06.11 |
| [html] 디자인해주기 (0) | 2020.06.10 |
