<!DOCTYPE html>
<html>
<head>
<title>::: 08_jvavascript :::</title>
<script type="text/javascript">
function goClick(){
// 객체 생성하기
var member = {mem_id : "a001",
mem_pw : "asdf1234",
mem_age : 25,
mem_addr : "광주 광산구"};
tag_text = "<table border='1'>";
tag_text += "<tr><th>아이디</th>";
tag_text += "<th>패스워드</th></tr>";
tag_text += "<tr><td>" + member.mem_id + "</td>";
tag_text += "<td>" + member.mem_pw + "</td></tr>";
tag_text +="</table>";
document.getElementById("p1").innerHTML = tag_text;
}
</script>
</head>
<body>
<h3>객체 처리하기</h3>
<p id="p1"></p>
<button onclick="goClick()">클릭</button>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 10. Javascript_특정 위치의 문자 추출하기(goSlice, goSubstring, goSubstr) (0) | 2023.03.06 |
|---|---|
| 09. Javascript_문자열 길이확인, 특정찾기 (0) | 2023.03.06 |
| 07. Javascript_데이터 타입 (0) | 2023.03.06 |
| 06. Javascript_누적함수 만들기 (0) | 2023.03.06 |
| 05. Javascript_버튼 클릭 시 1씩 증가되는 문서 만들기 (0) | 2023.03.06 |
