JSFiddle - React, Tailwind, and code Playground

HTML

<input id="name" type="text" value="Type name here">
<button type="button" onclick="start()">start</button>
<br>
<br> <span class="namehere"></span> is doing this and that.
<br> <span class="namehere"></span> wants to do this and that.
<br> <span class="namehere"></span> is not doing this or that.
<br> <span class="namehere"></span> wants to do this but instead is doing

JavaScript

function start() {
    var nameElements = document.getElementsByClassName('namehere');

    for (var i = 0; i < nameElements.length; i++) {
        nameElements[i].textContent = document.getElementById('name').value;
    }
}