En los videos se utiliza form.reset() pero eso no limpia los input[type=hidden]
Efectivamente hay un error en el video cuando construimos una aplicación con Vanilla JavaScript. En el ejemplo solamente utilizo form.reset()
pero como bien lo resaltó Nery en la sesión en vivo, esto no limpia los <input type="hidden" />
.
Para ver un ejemplo del error que mencionamos pueden ver el código del video aquí: https://github.com/laserants/bootcamp-js-2021/blob/6491906a0e0da48891c983b90d551b186300aae7/index.js#L78, y una posible solución es asignando un valor vacío a los campos ocultos despues de hacer el reset del form, por ejemplo: https://jsfiddle.net/miguelerm/54s8u9yf/
Básicamente la razon es que cuando a los input hidden
les cambiamos el .value
programáticamente, también modifican internamente su default value
por lo que al hacer el reset asignan ese default value
previamente modificado.