title
A prototype
web components
Title font size
This is a title
class superSlider extends HTMLElement { connectedCallback() { let targetEl = document.querySelector(this.getAttribute('target')); let unit = this.getAttribute('unit'); let slider = this.querySelector('input[type="range"]'); slider.addEventListener("input",(e) => { targetEl.style.setProperty('font-size', slider.value + unit); }); } } customElements.define("super-slider",superSlider);
snap
save
new
fork
download
html
css
js
output
gallery
config
➚ link to output
➚ snap player
font size
live reload
snap mode
layout
⤷ switch
★ info and code