experiments

All kinds of coding experiments
Log | Files | Refs | Submodules

c-form.js (568B)

      1 class CForm extends HTMLElement {
      2     constructor() {
      3         super()
      4         this.innerHTML = `<form id="c-form" action="/do-it.html">
      5     <input id="c-form-numby" name="numby" type="number" placeholder="Number..."/><br/>
      6     <textarea id="c-form-texty" name="texty" placeholder="Post..."></textarea><br/>
      7     <input id="c-form-submit" type="submit" value="do it"/>
      8     <b><slot></slot></b>
      9 </form>`
     10     }
     11     connectedCallback() {
     12         document.querySelector("#c-form-submit").value = this.getAttribute('btn-text')
     13     }
     14 }
     15 
     16 customElements.define('c-form', CForm)