JSFiddle - React, Tailwind, and code Playground

by Ming Huang

HTML

<div>
  parent
  <p>
    older silbing
  </p>
  <input type='checkbox' />
</div>

CSS

.focused {
  outline: none;
  border-color: steelblue;
  box-shadow: 0 0 3px 0 steelblue;
}

JavaScript

let input = document.querySelector('input');
let parent = input.parentElement;
console.log(input);
console.log(parent);

input.addEventListener('focus', e=>{
	parent.classList.add('focused');
})

const focusFn = (e) =>{
	console.log('hihi');
}