/*
autor: Fer Carraro
*/
class Fecha extends Date{
constructor(){
super();
console.log("Objeto Fecha creado");
}
getMes(){
var mes="";
switch(this.getMonth()){
case 0: mes="Enero"; break;
case 1: mes="Febrero"; break;
case 2: mes="Marzo"; break;
case 3: mes="Abril"; break;
case 4: mes="Mayo"; break;
case 5: mes="Junio"; break;
case 6: mes="Julio"; break;
case 7: mes="Agosto"; break;
case 8: mes="Septiembre"; break;
case 9: mes="Octubre"; break;
case 10: mes="Noviembre"; break;
case 11: mes="Diciembre"; break;
default: break;
}
return mes;
}
getDia(){
var dia="";
switch(this.getDay()){
case 1: dia = "Lunes"; break;
case 2: dia = "Martes"; break;
case 3: dia = "Miercoles"; break;
case 4: dia = "Jueves"; break;
case 5: dia = "Viernes"; break;
case 6: dia = "Sabado"; break;
case 7: dia = "Domingo"; break;
default: break;
}
return dia;
}
}
function crearFecha(){
var fecha = new Fecha();
console.log("Mes: "+fecha.getMonth());
console.log("Mes: "+fecha.getMes());
console.log("Dia: "+fecha.getDay());
console.log("Dia: "+fecha.getDia());
document.getElementById("prrf").innerHTML="Mes:"+fecha.getMes()
+"<br/>Dia:"+fecha.getDia();
}
document.getElementById("btn").addEventListener("click",function(){
crearFecha();
});
document.getElementById("prrf").addEventListener("click",function(){
document.getElementById("prrf").innerHTML="";
});
/*HTML
<article>
<h2>Clases</h2>
</article>
<aside>
<p id="prrf"></p>
<button id="btn">Crear y obtener objeto</button>
</aside>
*/
Mostrar día y mes del año usando clases en Javascript.
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.