JSFiddle - React, Tailwind, and code Playground

by lid0

HTML

<div id="app">
{{1+2}}
</div>
<hr>
<div id="app2">
{{1+2}}
</div>

CSS

.expanded {
  font-size:100px;
}

JavaScript

new Vue({
 el:"#app",
 
 render(h){
  return  h('b', {
      on: {
  			click: ()=> this.$el.classList.toggle("expanded")
			}
     },'Expand me'
  	)
 }
})

new Vue({
 el:"#app2",
 
 render(h){
  return  h('b', {
      on: {
  			click: (evt)=> evt.target.classList.toggle("expanded")
			}
     },'Expand me 2'
  	)
 }
})