[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' 카테고리의 다른 글
| [JAVA] 객체지향 (Object-Oriented) (0) | 2017.06.28 |
|---|---|
| [jQuery] 자주 사용하는 함수 모음 (0) | 2017.06.27 |
| tomcat v7.0 설치 : 인코딩 메서드 및 get 방식 테스트 - jQuery 형식으로 예제 변형하기. (0) | 2017.06.22 |
| [jQuery] 선택자(Selector) :탐색 선택자, 속성 탐색 선택자(2) (0) | 2017.06.21 |
| [jQuery] 선택자(Selector) :탐색 선택자, 위치 탐색 선택자(1) (0) | 2017.06.20 |
댓글