แจกคะแนน แก้ข้อมูล (Branch 352)
✨ Chaowat Intarapanit
<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{ text-shadow:0px 0px 2px white; color:yellow; background:#333; } li{ color:red; } li{ color:red; text-shadow:; } </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>