codepage949/basic

HTML

References (Mdn Docs)

id : https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/id
element.id : https://developer.mozilla.org/ko/docs/Web/API/Element/id
getElementById : https://developer.mozilla.org/ko/docs/Web/API/Document/getElementById
custom data attributes : https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/data-*
addEventListener : https://developer.mozilla.org/ko/docs/Web/API/EventTarget/addEventListener
function : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Functions
arrow function : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions
click event : https://developer.mozilla.org/ko/docs/Web/API/Element/click_event
event : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Events
customElements : https://developer.mozilla.org/ko/docs/Web/API/Window/customElements
module : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Modules
import : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import
export : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export
Property(JavaScript) : https://developer.mozilla.org/ko/docs/Glossary/Property/JavaScript
Property(CSS) : https://developer.mozilla.org/ko/docs/Glossary/Property/CSS
<a> : https://developer.mozilla.org/ko/docs/Web/HTML/Element/a
<button> : https://developer.mozilla.org/ko/docs/Web/HTML/Element/button
<input type="button"> : https://developer.mozilla.org/ko/docs/Web/HTML/Element/input/button
insertAdjacentHTML : https://developer.mozilla.org/ko/docs/Web/API/Element/insertAdjacentHTML
<template> : https://developer.mozilla.org/ko/docs/Web/HTML/Element/template
Shadow DOM : https://developer.mozilla.org/ko/docs/Web/API/Web_components/Using_shadow_DOM
innerHTML : https://developer.mozilla.org/ko/docs/Web/API/Element/innerHTML

How to run
local : http-server
Github pages : https://fe-w.github.io/basic