Minha solução | JavaScript na Web: armazenando dados no navegador

Criei uma lilsta que recebe o nome de um carro e sua quantidade

HTML bem basico

<body>
        <h1>Lista de carros</h1>

        <form class="form" id="form" action="">

                <h2>Carro</h2>
                <input class="item" id="item" name="carro" type="text" placeholder="Nome do Carro">

                <h2>quantidade</h2>
                <input class="item" id="item" name="quantidade" type="number" placeholder="Quantidade">


                <input class="submit" id="item" type="submit" placeholder="adicionar">

        </form>

        <ul id="ul">
                <li class="novoItem"><strong>5</strong>Camisas</li>
        </ul>

JAVASCRIPT

const form = document.querySelector('#form')

const lista = document.getElementById('ul')


form.addEventListener(("submit"), (event) =>{
        event.preventDefault()



        dadosDoform(event.target.elements['carro'].value, event.target.elements['quantidade'].value)
})


function dadosDoform(carro,quantidade) {

        console.log(carro,quantidade)

        const novoItem = document.createElement('li')
        novoItem.classList.add('novoItem')

        const numeroItem = document.createElement('strong')
        numeroItem.innerHTML = quantidade



        novoItem.appendChild(numeroItem)

        novoItem.innerHTML += carro

        lista.appendChild(novoItem)


}