[jQuery] HTML 테스터
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 테스터</title>
<script type="text/javascript" src="../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function(){
$("#inBox").keyup(function(){
// inBox의 값을 가져오자. $("#inBox").val()-> 입력관련된 태그의 값. val()로
$("#resBox").html($("#inBox").val());
});
});
</script>
</head>
<body>
<h3>HTML 태그를 입력하세요.</h3>
<textarea rows="10" cols="80" id="inBox"></textarea>
<h3>입력한 HTML의 결과</h3>
<div id="resBox"></div>
</body>
</html> |
cs |
입력창에 HTML을 입력하면 바로 결과를 확인할 수 있다.
반응형
'Programming > HTML-CSS' 카테고리의 다른 글
[HTML] 이력서 작성하기 table 실습 (0) | 2017.11.08 |
---|---|
[jQuery] 자주 사용하는 함수 모음 (0) | 2017.06.27 |
[jQuery] 선택자(Selector) :탐색 선택자, 속성 탐색 선택자(2) (0) | 2017.06.21 |
[jQuery] 선택자(Selector) :탐색 선택자, 위치 탐색 선택자(1) (0) | 2017.06.20 |
[jQuery] 선택자(Selector) :직접 선택자, 인접 관계 선택자 (0) | 2017.06.19 |
댓글