Hola amigos me gustaría saber si alguien sabe por que al yo modificar un div que contiene un input tipo date el valor de la fecha que tenia guardado se reinicia. Por ejemplo tengo este input
cuando le selecciono una fecha y presiono el botón test, la fecha que seleccione se borra.
Este es el código:
<!doctype html>
<html lang="en"></html>
<body>
<div class="container">
<div class="row">
<div id="prueba" class='col-sm-6'>
<input type="datetime-local"></input>
<button onclick="test();" type="button" >test</button>
</div>
</div>
</div>
<script>
function test() {document.getElementById('prueba').innerHTML += '<button>PRUEBA</button>';}
</script>
</body>
</html>
Si me pudieran explicar por que sucede o me dieran una solución se los agradecería muchísimo.