JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <input placeholder="Adicionar morador no 1° Andar" type="text" id="name1" style="margin-bottom: 40px;"> 

        <input type="button" value="Adicionar" onclick="adicionarMorador1(); confirmacao1();"> 
        
        <p style="margin-top: -2%;" id="confirma1"></p>
    
</div>`

JavaScript

var andar1 = Array("Matheus")
     
        function adicionarMorador1() {
            var nome = document.getElementById("name1").value

            if (nome === "") {
                console.log("Insira um valor válido")
            } else {
                andar1.push(nome)
               // alert("Morador foi adicionado no 1° Andar")
                console.log(andar1)
            }
        }

        function confirmacao1 () {
            var x = "<p id='invisivel'>O morador foi adicionado no 1° andar</p>";
            document.getElementById("confirma1").innerHTML = x;
            setTimeout(() => {
                var elem = document.querySelector('#invisivel');
								elem.parentNode.removeChild(elem);
            }, 2000);
        }

        function ordenar1() {
            andar1.sort()
            console.log(andar1)
        }