JSFiddle - React, Tailwind, and code Playground

by A Lee

HTML

<img src="https://i.cloudup.com/j4uzUt6Xra-3000x3000.jpeg" id="the-face" />

CSS

#the-face {
    width: 100px;
}

JavaScript

var theFace = document.getElementById('the-face')
theFace.addEventListener('click', function (event) {
    event.preventDefault()
    if(this.style.width == '500px') {
    this.style.width = '100px';
} else {
    this.style.width = '500px';
}
   
})