JSFiddle - React, Tailwind, and code Playground

HTML

<div class="text" id="typed-strings">
    <p>
      <span class="try">■</span>
      <span class="try">■</span>
      <span class="try">■</span>
      <span class="try">■</span>
    </p>
  </div>
  <div class="text">
    <span id="typed"></span>
  </div>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

CSS

span{
  font-size: 40px;
}

JavaScript

let typedWelcome = new Typed('#typed', {
   stringsElement: '#typed-strings',
})


let passElem = document.querySelectorAll('.try')
let pass_counter = passElem.length - 1
window.addEventListener('keydown', function(e) {
  if (e.key === 'Enter') {
    if (pass_counter >= 1) {
      passElem[pass_counter].remove()
      pass_counter--
    }
  }
})