JSFiddle - React, Tailwind, and code Playground

by Pankaj Kargirwar

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<span class="tag" contenteditable>Click to add new
</span>

JavaScript

let tag = document.querySelector('.tag');
tag.addEventListener('click', () => {
  tag.innerHTML = '<span>&nbsp</span>'
})

tag.addEventListener('keyup', async (e) => {
 

  if (e.key == "Enter") {
  
    console.log(tag.innerText.trim())
    
    tag.blur();
    return false;
  }
});