나의 발자취

[JS] QuerySelector 본문

카테고리 없음

[JS] QuerySelector

달모드 2020. 11. 12. 16:32 
<!doctype html>
<html>
<head>
    <title>WEBpage front</title>
    <meta charset="utf-8">
    <style>
        a{
            text-decoration: none;
        }


    </style>


</head>



<body>

    <h1><a href="index.html" text-transform:none >WEB</a></h1>
    <input type = "button" value = "night" onclick="
    document.querySelector('body').style.backgroundColor='black';
    document.querySelector('body').style.color='white';">
    <input type = "button" value = "day" onclick="">


    <ol>
      <li><a href="1.html" id="text-shadow">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
    <!--
    <h1><a href="index.html"><font color="red">WEB</font></a></h1>
    <ol>
      <li><a href="1.html"><font color="red">HTML</font></a></li>
      <li><a href="2.html"><font color="red">CSS</font></a></li>
      <li><a href="3.html"><font color="red">JavaScript</font></a></li>
    </ol>
-->


        <p>
            <div>
                <!--
                <img src = "photo.jpeg" width = "600px"  >
                -->
                
                <iframe width="600" height="340" src="https://www.youtube.com/embed/cbuZfY2S2UQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
            <h6>link for <a href = "https://opentutorials.org/course/3086" target = "_blank" title="naver website">reference</a></h1>
        
        </p>


</body>
</html>

 

 

night button을 누르면 반전으로 바뀐다.

Comments