// getElementById: 태그의 id명이 일치하는 문서 객체를 가져옴
function print() {
document.getElementById("title").innerHTML="Hello Javascript~!!"
}
// <body>
<h1 id="title"></h1>
<button type="button" onclick="print()">h1 태그출력</button>
<button type="button" onclick="alert('안녕하세요 자바스크립트')">버튼을 클릭해주세요.</button>
<input type="button" value="버튼을 클릭해주세요" onclick="alert('안녕하세요 자바스크립트 버튼입니다')"/>
여기를 변경해주세요~
function result() {
let title=document.getElementById("title")
//title.style.color="#ffffff";
//title.style.backgroundColor="orange";
title.innerHTML="\"JavaScript\"문자열로 변경.";
}
// <body>
<h1 id="title">여기를 변경해주세요~</h1>
<button type="button" onclick="result()">click</button>