JSFiddle - React, Tailwind, and code Playground

HTML

<div class = main-content> 

<form class ='new-items-create'>

<label>Name:</label><input placeholder=" A Name" id="name">

</form>

<button class = "subBtn">Submit</button>

</div>

<span class="new-name"></span

JavaScript

const form = document.querySelector(".new-items-create");
const subBtn = document.querySelector(".subBtn");
let name = document.querySelector('#name');
let itemCreated = document.querySeletor(".new-name");

form.addEventListener('submit',addItem);

  function addItem(event){
let htmlStuff = 
` 
    <div class="main">
      <div class="a name">
        <span>${name.value}</span>
      </div>
      <div>
`
event.preventDefault();
}