오늘은 내용이 좀 많습니다


자바스크립트에 관한 것 인데요.


1.

<input type="text" id="user_input" value="test">

<input type="button" value="white" onclick="alert(getElementById('user_input').value)"/>


2.

  <style>

    .em

    {

      text-decoration:underline;

    }

  </style>

...

  <ol id="thisman">

    <li>thisman</li>

    <li>like</li>

    <li>jot</li>

  </ol>

...

<input type="button" value="강조" onclick="getElementById('thisman').className='em'"/>


3.

3-1. *html

<body id="all">

...

<div id="control">

<input type="button" value="green" onclick="document.getElementById('all').className='green'">

<input type="button" value="blue" onclick="document.getElementById('all').className='blue'">

</div>

3-2. *.css

body.green

{

  background-color:green;

  color:white;

}

#control

{

  float:right;

}


분석은 니들이하시고 제가 만든 사이트를 확인해보세요


제가 만든 사이트


감사합니다^^