Praticando

const formulario = document.getElementById("formulario")

formulario.addEventListener("submit", (event)=>{ event.preventDefault() elementCreate(event.target.elements['elName'].value, event.target.elements['elQtd'].value) })

function elementCreate(name, qtd) { const elNewItem = document.createElement('li') elNewItem.classList.add("item")

const qtdItem = document.createElement('strong')
qtdItem.innerHTML = qtd

elNewItem.appendChild(qtdItem)
elNewItem.innerHTML += name

const list = document.getElementById("lista")    

list.appendChild(elNewItem)    

}

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> 

    <ul class="lista" id="lista">
        <li class="item"><strong>7</strong>Camisas</li>            
    </ul>
</main>
<script src="js/main.js"></script>