web-component-base-class
Version:
Base class to simplify the creation of web components
24 lines (20 loc) • 753 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Settings</title>
<script type="module" src="./my-element/my-element.js"></script>
</head>
<body>
<button id="removeElement">remove</button>
<button id="addElement">add</button>
<div id="elements">
<my-element></my-element>
</div>
<script>
const elementContainer = document.querySelector('#elements');
document.querySelector('#removeElement').addEventListener('click', () => { elementContainer.removeChild(elementContainer.querySelector('my-element')); });
document.querySelector('#addElement').addEventListener('click', () => { const elem = document.createElement('my-element'); elementContainer.appendChild(elem); });
</script>
</body>
</html>