แจกคะแนน แก้ข้อมูล (Branch 350)
✨ นายณัฐพงษ์ ปทุมสูตร
<html> <head> <title>Let's Start</title> <style> body{ background:#eee; margin:1em; font-family:sans-serif; } body[data-mode="dark"]{ color:white; background:#333; } body[data-mode="dark"] li{ color:yellow; background:#333; text-shadow: 0px 0px 15px yellow; } li{ color:red; } li{ color:red; } </style> </head> <body data-mode="dark" id="theBody"> <!-- เขียนเว็บง่ายๆ และดูการแสดงผลด้านซ้ายมือได้เลย --> <h1> หัวข้อในมัลติ </h1> <ul> <li onclick="alert(this.dataset.cat)" data-cat="css">CSS</li> <li>HTML</li> <li onclick="alert(this.dataset.cat)" data-cat="js">JS</li> <li onclick="alert(this.dataset.cat)" data-cat="css">Color</li> <li onclick="alert(this.dataset.cat)" data-cat="css">Spacing</li> <li>Image</li> <li>Video</li> <li>Typography</li> <li onclick="alert(this.dataset.cat)" data-cat="js">Event</li> <li onclick="alert(this.dataset.cat)" data-cat="js">Scroll</li> </ul> <button onclick="theBody.dataset.mode = 'dark'"> Dark Mode </button> <button onclick="theBody.dataset.mode = 'light'"> Light Mode </button> </body> </html>