Estoy empezando en desarrollo web, pero tengo un pequeño incoveniente, tengo un pequeño scrip que me devuelve la fecha del sistema dando click a un botón pero al borrar los datos del cuadro de texto donde recae y dar click por segunda vez para volver a traer la fecha este ya no funciona.
Me podrían ayudar o me darían un consejo
Gracias.
function obtenerFecha()
{
var fecha = "";
var calendario = new Date();
var dia = calendario.getDate();
var mes = calendario.getMonth()+1;
var ano = calendario.getFullYear();
fecha = dia+"/"+mes+"/"+ano;
document.mifor.algo.defaultValue = fecha;
fecha = "";
}
body {
text-align: center;
height: 100%;
background: #FFFFFF
}
.selector
{
font-size: 20px;
border-radius: 15px;
}
.fecha
{
border-radius: 15px;
font-size: 20px;
align-content: center;
text-align: center;
}
.cont
{
background:#fff125;
height: 15vh;
}
.label
{
font-size: 20px;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="estilo.css">
<script type="text/javascript" src="scrips.js"></script>
<title>
Prueba formulario
</title>
</head>
<body >
<form name="mifor" action="mailto:[email protected]" enctype="text/plain">
<label for="algo" class="label">Fecha</label>
<input type="text" name="algo" id="algo" value="" class="fecha">
<button type="button" onclick="obtenerFecha()">Obtener Fecha</button>
<br>
<br>
<label for = "agente" class="label">Atendio</label>
<select id="agente" name = "agente" class="selector">
<label for = "agente" class="label">Atendio</label>
<option value="Alberto Loera">Alberto Loera</option>
<option value="Rafael Nario">Rafael Nario</option>
<option value="Victor Boon">Victor Boon</option>
</select>
</form>
</body>
</html>