이고잉님의 생활코딩에서 이제 이틀째 배우고 있는 걸음마 수준의 아기인 사람입니다 (...)
질문이 있는데요.
<html>
<head>
<meta charset="UTF-8"/>
<style>
h1{
border-bottom:1px solid gray;
padding:10px;
}
nav{
border-right:1px solid gray;
width:200px;
float:left;
height:500px;
}
body.dark {
background-color: black;
color:white;
}
</style>
</head>
<body class="dark" id="root">
<h1>Javascript</h1>
<nav>
<ol>
<li>JavaScript란?</li>
<li>변수와 상수</li>
<li>연산자</li>
</ol>
</nav>
<article>
<h2>JavaScript란?</h2>
<div>
자바스크립트란 HTML을 조작하거나, 브라우저를 제어하는데 사용되는 언어다. 생활코딩의 맥락에서 자바스크립트가 중요한 이유는 이 언어가 본격적인 프로그래밍 언어라는 점 때문이다. 이 언어를 익히면 프로그래밍 언어에 대한 기본적인 소양을 갖출 수 있다. 자세한 내용은 생활코딩의 자바스크립트 수업으로 위임하고, 이번 시간에는 자바스크립트의 '문법'이 아니라, '역할'을 전달하는데 집중할 것이다.
</div>
<input type="button" value="white" onclick="document.getElementById('root').setAttribute('clsss', '')" />
<input type="button" value="black" onclick="document.getElementById('root').setAttribute('clsss', 'dark')" />
</article>
</body>
</html>
코드가 대충 이런데... 제가 막힌점은 버튼을 생성했는데, 그걸 클릭하면 백그라운드 색이 검정,하양색으로 바뀌어야하는데;;;;
무슨짓을 해도 도저히가 바뀌지가 않네요.
제가 무엇을 빠뜨렸나요?
컴게에서 왕성한(?) 활동중입니다~
유머자료게도 틈틈이 활동하고있습니다 히히.
애니게도... 조금 활동중. 거의 눈팅이 대부분이지만요...
내 컴퓨터 :
Xeon E3-1230v2
Asrock Z77 Extreme 4
XFX 280X Black Edition
G.Skill Ripjaws 4GBx2 (2133 MHz)
Seagate 600 Series SSD 256GB, Seagate Barracuda 2TB 7200RPM
NZXT Phantom Red White ATX Full Tower
ASUS VE278H Black 27" 2ms LED Monitor