add: 랜덤 색상으로 배경색 바꾸는 버튼 이벤트 추가

Author: limkhl

project1-colors/src/Button.js

@@ -2,4 +2,11 @@ export default function Button({ $target, onClick }) {
   const $button = document.createElement("button");
   $target.append($button);
   $button.textContent = "Click Me!";
+
+  $button.addEventListener("click", (e) => {
+    const generateRandomColorCode = () => {
+      return Math.floor(Math.random() * 16777215).toString(16);
+    };
+    onClick(generateRandomColorCode());
+  });
 }

project1-colors/src/main.js

@@ -4,4 +4,7 @@ const $app = document.querySelector("#app");
 
 new Button({
   $target: $app,
+  onClick: (colorCode) => {
+    $app.style.backgroundColor = `#${colorCode}`;
+  },
 });