<!DOCTYPE html>
<html>
<head>
<title>::: 01_JavaScript :::</title>
<script type="text/javascript">
// 메세지 출력 함수
function goMessage(mode){
// alert("함수 호출 잘 되나?");
// id가 p1인 태그 찾기...
// 문서 중에 요소가 id인 값이 p1인 것을 찾기
//document.getElementById("p1").innerHTML = "임의의 값 넣기!";
//document.getElementById(mode).innerHTML = "임의의 값 넣기!";
document.getElementById(mode).innerHTML = "임의의 값 넣기!" + mode;
}
</script>
</head>
<body>
<h3>01_JavaScript</h3>
<p id="p1">
이곳에 자바스크립트 함수를 이용해서 내용 입력1
</p>
<p id="p2">
이곳에 자바스크립트 함수를 이용해서 내용 입력2
</p>
<!-- 아래 버튼 클릭하면 goMessage() 함수 호출
: 호출 후에 안내창을 통해 "호출되었습니다" 띄우기-->
<button type="button" onclick="goMessage('p1')">p1 입력</button>
<button type="button" onclick="goMessage('p2')">p2 입력</button>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 06. Javascript_누적함수 만들기 (0) | 2023.03.06 |
|---|---|
| 05. Javascript_버튼 클릭 시 1씩 증가되는 문서 만들기 (0) | 2023.03.06 |
| 04. Javascript_변수 처리하기 (0) | 2023.03.06 |
| 03. Javascript_텍스트 작성하기 (0) | 2023.03.06 |
| 02. Javascript_외부 js파일 호출, 함수 호출 (0) | 2023.03.06 |
