pues no se, el nombre mas largo del mundo tiene 41 caracteres.. dudo que mucha gente llegue cerca de ese numero.
Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.
Mostrar Mensajes Menú
const detectarClick = (classBoton) => {
let boton = Array.prototype.slice.apply(document.querySelectorAll(classBoton));
boton.forEach(element => {
element.addEventListener('click',()=>{
alert('se hizo un click');
})
});
}
detectarClick(".btnEditarPack")
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="estilos.css">
<title>Calendario</title>
</head>
<body>
<table>
<caption class="calendar__month">Enero 2019</caption>
<tr class="calendar__week">
<th class="calendar__day calendar__item">Domingo</th>
<th class="calendar__day calendar__item">Lunes</th>
<th class="calendar__day calendar__item">Martes</th>
<th class="calendar__day calendar__item">Miércoles</th>
<th class="calendar__day calendar__item">Jueves</th>
<th class="calendar__day calendar__item">Viernes</th>
<th class="calendar__day calendar__item">Sábado</th>
</tr>
<tr class="calendar__dates">
<td></td>
<td></td>
<?php
$fecha = date("d");
for ($i = 1; $i <= 31; $i++) {
if($i == $fecha){
echo "<td class='calendar__date calendar__item yellow'>".$i."</td>";
}else{
echo "<td class='calendar__date calendar__item'>".$i."</td>";
}
};
?>
</tr>
</table>
</body>
</html>
body{
min-height:100vh;
display:flex;
background:linear-gradient(-45deg,hsl(330,100%,50%),hsl(30,100%,50%));
}
.calendar{
width:90%;
max-width:400px;
margin:auto;
}
.calendar__header{
background:rgba(0,0,0,.3);
}
.calendar__month{
text-align:center;
line-height:2;
color:#fff;
font-size: 1.2em;
}
.calendar__item{
text-align:center;
line-height:2;
}
.calendar__date{
color:#fff;
background-color: rgba(255,255,255,.2);
}
.calendar__week,
.calendar__dates {
display:grid;
grid-template-columns:repeat(7,1fr);
grid-gap:4px;
}
.calendar__week{
margin-bottom: 4px;
color:rgba(255,255,255,.5);
}
.calendar__date:first-child{
grid-column:5;
}
.yellow{
background-color: yellow;
color:black;
}