colorear un td de un calendario con javascript
Publicado por david (5 intervenciones) el 21/03/2021 09:52:00
hola llevo un año que deje javascript cuando apenas había empezado, javascript pudo con migo, pero quiero seguir intentándolo y no rendirme. Este es mi problema tengo un calendario en html y quiero que se dibuje la celda del día X (día en el que nos encontremos), he usado un objeto Date() para el día, tengo las celdas con un getElementsByTagName() un for que recorre las celdas utilizo textContent para sacar el contenido de las celdas y convierto la fecha en string para con un if compara el contenido de las celdas con la fecha en texto y ahí me quedo, he intentado varias cosas pero sin éxito, podéis decirme en donde me estoy equivocando gracias.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>calendario</title>
</head>
<body>
<table id="tablaCalendario" width="30%">
<caption>Calendario Basico</caption>
<thead>
<tr>
<th>lunes</th><th>martes</th><th>miercoles</th>
<th>jueves</th><th>viernes</th><th>sabado</th><th>domingo</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td>
<td>5</td><td>6</td><td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td><td>10</td><td>11</td><td>12</td>
<td>13</td><td>14</td>
</tr>
<tr>
<td>15</td><td>16</td>
<td>17</td><td>18</td><td>19</td><td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td><td>23</td><td>24</td><td>25</td><td>26</td>
<td>28</td><td>29</td>
</tr>
<tr>
<td>30</td><td>31</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
var dia, textodia, tabla, celda, recorre, texto;
dia =new Date();
textodia =dia.getDate();
console.log(textodia);
tabla =document.getElementById('tablaCalendario');
celda =tabla.getElementsByTagName('td');
console.log(celda);
for(recorre=0; recorre<celda.length;recorre++){
texto =celda[recorre].textContent;
console.log(texto);
if(texto <=textodia.toString()){
}else{
}
}
</script>
</body>
</html>
Valora esta pregunta


0