PageSourceSearch

https://recursosdidacticos.es/operaciones/

html recursosdidacticos.es collected 2026-10-01 11:59:41 UTC 35,242 bytes, 678 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Generador de Fichas de Operaciones</title>
8    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/dist/css/bootstrap.min.css" rel="stylesheet">
9    <style>
10        body {
11            background-color: #f2f2f2;
12            font-family: Arial, sans-serif;
13            margin: 0;
14            padding: 0;
15        }
16
17        /* Contenedor exterior centrado */
18        .contenedor-fichas {
19            max-width: 950px;
20            margin: 40px auto;
21            padding: 0 15px;
22        }
23
24        /* Marco gris principal */
25        .marco-gris {
26            background-color: #e6e6e6;
27            border: 1px solid #ccc;
28            padding: 15px;
29            border-radius: 4px;
30        }
31
32        /* Caja blanca interior para el formulario */
33        .caja-formulario {
34            background-color: #ffffff;
35            border: 1px solid #b3b3b3;
36            padding: 25px;
37            border-radius: 4px;
38            min-height: 380px;
39        }
40
41        /* Barra de Pestañas horizontal exacta */
42        .nav-tabs {
43            border-bottom: none;
44            display: flex !important;
45            flex-direction: row !important;
46            flex-wrap: wrap;
47            list-style: none !important;
48            padding-left: 0 !important;
49            margin-bottom: 0 !important;
50        }
51
52        .nav-tabs .nav-item {
53            list-style: none !important;
54            margin-bottom: 0 !important;
55        }
56
57        .nav-tabs .nav-link {
58            background-color: #cccccc;
59            color: #666666;
60            border: 1px solid #b3b3b3;
61            border-bottom: none;
62            margin-right: 3px;
63            padding: 6px 12px;
64            font-size: 13px;
65            font-weight: bold;
66            border-top-left-radius: 4px;
67            border-top-right-radius: 4px;
68            display: block;
69            cursor: pointer;
70        }
71
72        .nav-tabs .nav-link:hover {
73            background-color: #dfdfdf;
74            border-color: #b3b3b3;
75        }
76
77        .nav-tabs .nav-link.active {
78            background-color: #ffffff !important;
79            color: #e07010 !important;
80            border-color: #b3b3b3 !important;
81            border-bottom: 1px solid #ffffff !important;
82            position: relative;
83            z-index: 2;
84        }
85
86        .marco-gris img {
87            max-width: 100%;
88            height: auto;
89            display: block;
90            margin: 0 auto 15px auto;
91            /* Centrado y margen inferior */
92        }
93
94        .fw-bold {
95            font-weight: bold;
96        }
97
98        /* Línea y títulos naranjas */
99        .titulo-seccion {
100            font-size: 16px;
101            font-weight: bold;
102            border-bottom: 3px solid #e07010;
103            padding-bottom: 6px;
104            margin-bottom: 25px;
105        }
106
107        .titulo-seccion.naranja {
108            color: #e07010;
109        }
110
111        .titulo-seccion.azul-gris {
112            color: #466c8c;
113        }
114
115        /* ESTILOS MÓDULO NATURALES (2 Columnas) */
116        .contenedor-columnas-fijo {
117            display: grid;
118            grid-template-columns: 1fr 1fr;
119            gap: 30px;
120        }
121
122        /* ESTILOS MÓDULO NUMERACIÓN (Centrado Clásico) */
123        .contenido-centrado-numeracion {
124            max-width: 650px;
125            margin: 0 auto;
126            text-align: left;
127        }
128
129        .lista-ejercicios-num {
130            list-style-type: none;
131            padding-left: 0;
132            margin-bottom: 25px;
133            font-size: 14.5px;
134            color: #000000;
135            line-height: 1.4;
136        }
137
138        .lista-ejercicios-num li {
139            margin-bottom: 2px;
140        }
141
142        .subtitulo-columna {
143            font-weight: bold;
144            font-size: 14px;
145            color: #000000;
146            margin-bottom: 15px;
147        }
148
149        .bloque-input {
150            margin-bottom: 15px;
151        }
152
153        .texto-ayuda {
154            font-size: 12px;
155            color: #8c8c8c;
156            line-height: 1.5;
157            margin-top: 15px;
158        }
159
160        /* Botón clásico original exacto */
161        .btn-imprimir,
162        .btn-enviar {
163            background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
164            color: #e07010;
165            border: 1px solid #b3b3b3;
166            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
167            font-weight: bold;
168            font-size: 14px;
169            padding: 4px 20px;
170            border-radius: 4px;
171            cursor: pointer;
172        }
173
174        .btn-imprimir:hover,
175        .btn-enviar:hover {
176            background: #fdfdfd;
177            border-color: #999;
178        }
179
180        .form-check {
181            margin-bottom: 8px;
182            display: flex;
183            align-items: center;
184            gap: 8px;
185        }
186
187        .form-check-input {
188            margin: 0;
189        }
190
191        .form-check-label,
192        .form-label {
193            font-size: 14px;
194            color: #000000;
195        }
196
197        .form-control,
198        .form-select {
199            font-size: 14px;
200            padding: 2px 6px;
201            border-radius: 3px;
202            border: 1px solid #999;
203            display: inline-block;
204        }
205
206        /* Clases utilitarias ocultar/mostrar */
207        .d-none {
208            display: none !important;
209        }
210
211        @media (max-width: 768px) {
212            .contenedor-columnas-fijo {
213                grid-template-columns: 1fr;
214            }
215        }
216    </style>
217</head>
218
219<body>
220
221    <div class="contenedor-fichas">
222
223        <div class="marco-gris"><img src="logo.gif" class="img-fluid">
224
225            <ul class="nav nav-tabs" id="pestanasModulos" role="tablist">
226
227                <li class="nav-item"><button class="nav-link active" id="btn-tab-naturales"
228                        onclick="cambiarModulo('naturales')">Naturales</button></li>
229                <li class="nav-item"><button class="nav-link" id="btn-tab-decimales"
230                        onclick="cambiarModulo('decimales')">Decimales</button></li>
231                <li class="nav-item"><button class="nav-link" id="btn-tab-fracciones"
232                        onclick="cambiarModulo('fracciones')">Fracciones</button></li>
233                <li class="nav-item"><button class="nav-link" id="btn-tab-conversiones"
234                        onclick="cambiarModulo('conversiones')">Sistema Decimal y Métrico</button></li>
235                <li class="nav-item"><button class="nav-link" id="btn-tab-numeracion"
236                        onclick="cambiarModulo('numeracion')">Numeración</button></li>
237
238            </ul>
239
240            <div class="caja-formulario" id="contenidoModulos">
241
242                <div id="modulo-naturales" class="active">
243                    <div class="titulo-seccion azul-gris">Fichas de operaciones con números naturales.</div>
244
245                    <form id="form-naturales" onsubmit="event.preventDefault(); generarFichaNaturales();">
246                        <div class="contenedor-columnas-fijo">
247
248                            <div>
249                                <div class="subtitulo-columna">La ficha incluirá operaciones de:</div>
250                                <div class="form-check">
251                                    <input type="checkbox" id="op_sumas_sin" class="form-check-input">
252                                    <label class="form-check-label" for="op_sumas_sin">Sumas sin llevar</label>
253                                </div>
254                                <div class="form-check">
255                                    <input type="checkbox" id="op_restas_sin" class="form-check-input">
256                                    <label class="form-check-label" for="op_restas_sin">Restas sin llevar</label>
257                                </div>
258                                <div class="form-check">
259                                    <input type="checkbox" id="op_sumas" class="form-check-input">
260                                    <label class="form-check-label" for="op_sumas">Sumas - Indicar sumandos</label>
261                                    <select class="form-select" id="num_sumandos"
262                                        style="padding: 1px 20px 1px 6px; height: 24px; width: auto;">
263                                        <option value="2" selected>2</option>
264                                        <option value="3">3</option>
265                                        <option value="4">4</option>
266                                    </select>
267                                </div>
268                                <div class="form-check">
269                                    <input type="checkbox" id="op_restas" class="form-check-input">
270                                    <label class="form-check-label" for="op_restas">Restas</label>
271                                </div>
272                                <div class="form-check">
273                                    <input type="checkbox" id="op_mult" class="form-check-input">
274                                    <label class="form-check-label" for="op_mult">Multiplicaciones</label>
275                                </div>
276                                <div class="form-check">
277                                    <input type="checkbox" id="op_div" class="form-check-input">
278                                    <label class="form-check-label" for="op_div">Divisiones</label>
279                                </div>
280
281                                <div class="texto-ayuda">
282                                    Se generarán páginas de 25 operaciones por cada operación seleccionad
282a. Si en vez de
283                                    una página completa quiere imprimir en la misma página una fila de 5 operaciones por
284                                    operación marque aquí
285                                    <input type="checkbox" id="formato_fila" class="form-check-input"
286                                        style="display: inline-block; vertical-align: middle;">
287                                </div>
288
289                                <div style="margin-top: 20px; display: flex; align-items: center; gap: 8px;">
290                                    <label class="form-label mb-0 fw-bold" for="paginas_fila">Páginas/filas por
291                                        operación:</label>
292                                    <select class="form-select" id="paginas_fila"
293                                        style="height: 26px; padding: 2px 20px 2px 6px; width: auto;">
294                                        <option value="1" selected>1</option>
295                                        <option value="2">2</option>
296                                        <option value="3">3</option>
297                                        <option value="4">4</option>
298                                        <option value="5">5</option>
299                                    </select>
300                                </div>
301                            </div>
302
303                            <div>
304                                <div class="bloque-input">
305                                    <div class="fw-bold mb-1" style="font-size: 14px; ">Sumandos, minuendo, sustraendo,
306                                        1er. factor y Dividendo:</div>
307                                    <div style="display: flex; align-items: center; gap: 8px;">
308                                        <span class="form-label">Números menores de:</span>
309                                        <input type="number" class="form-control" id="limite_principal" value="999"
310                                            style="width: 80px;">
311                                        <span class="texto-ayuda" style="margin: 0;">(Ej.: 9999)</span>
312                                    </div>
313                                </div>
314                                <div class="bloque-input">
315                                    <div class="fw-bold mb-1" style="font-size: 14px;">2º factor:</div>
316                                    <div style="display: flex; align-items: center; gap: 8px;">
317                                        <span class="form-label">Números menores de:</span>
318                                        <input type="number" class="form-control" id="limite_2factor" value=""
319                                            style="width: 80px;">
320                                    </div>
321                                </div>
322                                <div class="bloque-input" style="margin-bottom: 25px;">
323                                    <div class="fw-bold mb-1" style="font-size: 14px;">Divisor:</div>
324                                    <div style="display: flex; align-items: center; gap: 8px;">
325                                        <span class="form-label">Números menores de:</span>
326                                        <input type="number" class="form-control" id="limite_divisor" value=""
327                                            style="width: 80px;">
328                                    </div>
329                                </div>
330                                <div class="form-check" style="margin-bottom: 20px;">
331                                    <label class="fw-bold form-label" for="con_soluciones">Imprimir páginas con
332                                        soluciones:</label>
333                                    <input type="checkbox" id="con_soluciones" class="form-check-input">
334                                </div>
335                                <div style="padding-top: 5px;">
336                                    <button type="submit" class="btn-imprimir">
337                                        Imprimir fichas
338                                    </button>
339                                </div>
340                            </div>
341
342                        </div>
343                    </form>
344                </div>
345
346                <div id="modulo-decimales" class="d-none">
347                    <div class="titulo-seccion azul-gris">Fichas de operaciones con números decimales.</div>
348
349                    <form id="form-decimales" onsubmit="event.preventDefault(); generarFichaDecimales();">
350                        <div class="contenedor-columnas-fijo">
351
352                            <div>
353                                <div class="subtitulo-columna">La ficha incluirá operaciones de:</div>
354
355                                <div class="form-check">
356                                    <input type="checkbox" id="dec_sumas" class="form-check-input">
357                                    <label class="form-check-label" for="dec_sumas">Sumas - Indicar sumandos</label>
358                                    <select class="form-select" id="dec_num_sumandos"
359                                        style="padding: 1px 20px 1px 6px; height: 24px; width: auto;">
360                                        <option value="2" selected>2</option>
361                                        <option value="3">3</option>
362                                        <option value="4">4</option>
363                                    </select>
364                                </div>
365                                <div class="form-check">
366                                    <input type="checkbox" id="dec_restas" class="form-check-input">
367                                    <label class="form-check-label" for="dec_restas">Restas</label>
368                                </div>
369                                <div class="form-check">
370                                    <input type="checkbox" id="dec_mult" class="form-check-input">
371                                    <label class="form-check-label" for="dec_mult">Multiplicaciones</label>
372                                </div>
373                                <div class="form-check">
374                                    <input type="checkbox" id="dec_div" class="form-check-input">
375                                    <label class="form-check-label" for="dec_div">Divisiones</label>
376                                </div>
377
378                                <div class="texto-ayuda" style="margin-top: 15px;">
379                                    Se generarán páginas de 15 operaciones por cada operación seleccionad
379a. Si en vez de
380                                    una página completa quiere imprimir en la misma página una fila de 3 operaciones por
381                                    operación marque aquí
382                                    <input type="checkbox" id="dec_formato_fila" class="form-check-input"
383                                        style="display: inline-block; vertical-align: middle;">
384                                </div>
385
386                                <div style="margin-top: 20px; display: flex; align-items: center; gap: 8px;">
387                                    <label class="form-label mb-0 fw-bold" for="dec_paginas_fila">Páginas/filas por
388                                        operación:</label>
389                                    <select class="form-select" id="dec_paginas_fila"
390                                        style="height: 26px; padding: 2px 20px 2px 6px; width: auto;">
391                                        <option value="1" selected>1</option>
392                                        <option value="2">2</option>
393                                        <option value="3">3</option>
394                                        <option value="4">4</option>
395                                        <option value="5">5</option>
396                                    </select>
397                                </div>
398                            </div>
399
400                            <div>
401                                <div class="bloque-input">
402                                    <div class="fw-bold mb-1" style="font-size: 14px;">Sumandos, minuendo, sustraendo,
403                                        1er. factor y Dividendo:</div>
404                                    <div style="display: flex; align-items: center; gap: 5px;">
405                                        <input type="number" class="form-control" id="dec_lim_entero"
406                                            style="width: 70px;">
407                                        <span>,</span>
408                                        <input type="number" class="form-control" id="dec_lim_decimal"
409                                            style="width: 70px;">
410                                        <span class="texto-ayuda" style="margin: 0;">(Ej.: 99,99)</span>
411                                    </div>
412                                </div>
413
414                                <div class="bloque-input">
415                                    <div class="fw-bold mb-1" style="font-size: 14px;">2º factor:</div>
416                                    <div style="display: flex; align-items: center; gap: 5px;">
417                                        <input type="number" class="form-control" id="dec_2f_entero"
418                                            style="width: 70px;">
419                                        <span>,</span>
420                                        <input type="number" class="form-control" id="dec_2f_decimal"
421                                            style="width: 70px;">
422                                    </div>
423                                </div>
424
425                                <div class="bloque-input" style="margin-bottom: 25px;">
426                                    <div class="fw-bold mb-1" style="font-size: 14px;">Divisor:</div>
427                                    <div style="display: flex; align-items: center; gap: 5px;">
428                                        <input type="number" class="form-control" id="dec_div_entero"
429                                            style="width: 70px;">
430                                        <span>,</span>
431                                        <input type="number" class="form-control" id="dec_div_decimal"
432                                            style="width: 70px;">
433                                    </div>
434                                </div>
435
436                                <div style="margin-bottom: 15px;">
437                                    <div class="form-check">
438                                        <label class="fw-bold form-label" for="dec_con_soluciones">Imprimir páginas con
439                                            soluciones:</label>
440                                        <input type="checkbox" id="dec_con_soluciones" class="form-check-input">
441                                    </div>
442                                    <div style="font-size: 13px; margin-top: 5px;">
443                                        En las soluciones incluir
444                                        <input type="number" class="form-control" id="dec_cifras_decimales" value="4"
445                                            style="width: 40px; padding: 2px;">
446                                        cifras decimales en el cocie
446nte.
447                                    </div>
448                                </div>
449
450                                <div style="padding-top: 5px;">
451                                    <button type="submit" class="btn-imprimir">
452                                        Imprimir fichas
453                                    </button>
454                                </div>
455                            </div>
456
457                        </div>
458                    </form>
459                </div>
460
461                <div id="modulo-conversiones" class="d-none">
462                    <div class="titulo-seccion azul-gris">Fichas de operaciones de conversiones.</div>
463
464                    <form id="form-conversiones" onsubmit="event.preventDefault(); generarFichaConversiones();">
465                        <div class="contenedor-columnas-fijo">
466
467                            <div>
468                                <div class="subtitulo-columna">Generar ficha de:</div>
469                                <div class="form-check">
470                                    <input type="checkbox" id="conv_pot10" class="form-check-input">
471                                    <label class="form-check-label" for="conv_pot10">Multiplicación/División por 10,
472                                        100, 1000</label>
473                                </div>
474                                <div class="form-check">
475                                    <input type="checkbox" id="conv_long" class="form-check-input">
476                                    <label class="form-check-label" for="conv_long">Longitud (m)</label>
477                                </div>
478                                <div class="form-check">
479                                    <input type="checkbox" id="conv_masa" class="form-check-input">
480                                    <label class="form-check-label" for="conv_masa">Masa (g)</label>
481                                </div>
482                                <div class="form-check">
483                                    <input type="checkbox" id="conv_cap" class="form-check-input">
484                                    <label class="form-check-label" for="conv_cap">Capacidad (l)</label>
485                                </div>
486                            </div>
487
488                            <div>
489                                <div class="subtitulo-columna">Unidades Cuadradas/Cúbicas:</div>
490                                <div class="form-check">
491                                    <input type="checkbox" id="conv_cuad" class="form-check-input">
492                                    <label class="form-check-label" for="conv_cuad">Superficie (m²)</label>
493                                </div>
494                                <div class="form-check">
495                                    <input type="checkbox" id="conv_cub" class="form-check-input">
496                                    <label class="form-check-label" for="conv_cub">Volumen (m³)</label>
497                                </div>
498
499                                <div class="subtitulo-columna" style="margin-top: 20px;">Opciones:</div>
500                                <div class="form-check">
501                                    <input type="checkbox" id="conv_soluciones" class="form-check-input">
502                                    <label class="form-check-label" for="conv_soluciones">Incluir soluciones</label>
503                                </div>
504
505                                <input type="number" id="conv_paginas" class="form-control d-none" value="1">
506
507                                <div style="margin-top: 20px;">
508                                    <button type="submit" class="btn-imprimir">
509                                        Generar PDF Conversiones
510                                    </button>
511                                </div>
512                            </div>
513
514                        </div>
515                    </form>
516                </div>
517
518                <div id="modulo-fracciones" class="d-none">
519                    <div class="titulo-seccion naranja">
519Fichas de operaciones con fracciones.</div>
520
521                    <form id="form-fracciones" onsubmit="event.preventDefault(); generarFichaFracciones();">
522                        <div class="contenedor-columnas-fijo">
523
524                            <div>
525                                <div class="subtitulo-columna">La ficha incluirá operaciones de:</div>
526                                <div class="form-check">
527                                    <input type="checkbox" id="frac_sumas" class="form-check-input">
528                                    <label class="form-check-label" for="frac_sumas">Sumas</label>
529                                </div>
530                                <div class="form-check">
531                                    <input type="checkbox" id="frac_restas" class="form-check-input">
532                                    <label class="form-check-label" for="frac_restas">Restas</label>
533                                </div>
534                                <div class="form-check">
535                                    <input type="checkbox" id="frac_mult" class="form-check-input">
536                                    <label class="form-check-label" for="frac_mult">Multiplicaciones</label>
537                                </div>
538                                <div class="form-check">
539                                    <input type="checkbox" id="frac_div" class="form-check-input">
540                                    <label class="form-check-label" for="frac_div">Divisiones</label>
541                                </div>
542                                <div class="texto-ayuda" style="margin-top: 0;">
543                                    Se generarán páginas de 24 operaciones por cada operación seleccionada. Si en vez de
544                                    una página completa quiere imprimir en la misma ficha 6 ejercicios distintos para
545                                    cada operación marque aquí:
546                                    <div class="form-check mt-2">
547                                        <input type="checkbox" id="frac_formato_fila" class="form-check-input">
548                                        <label class="form-check-label" for="frac_formato_fila">Formato de 6 ejercicios
549                                            por operación</label>
550                                    </div>
551                                </div>
552                            </div>
553
554                            <div>
555
556
557                                <div class="form-check" style="margin-top: 20px;">
558                                    <input type="checkbox" id="frac_con_soluciones" class="form-check-input">
559                                    <label class="form-check-label fw-bold" for="frac_con_soluciones">Imprimir páginas
560                                        con soluciones</label>
561                                </div>
562
563                                <div style="margin-top: 20px;">
564                                    <button type="submit" class="btn-imprimir">
565                                        Generar PDF Fracciones
566                                    </button>
567                                </div>
568                            </div>
569
570                        </div>
571                    </form>
572                </div>
573
574                <div id="modulo-numeracion" class="d-none">
575                    <div class="titulo-seccion azul-gris">Fichas de ejercicios de numeración.</div>
576
577                    <form id="form-numeracion" onsubmit="event.preventDefault(); generarFichaNumeracion();">
578                        <div class="contenido-centrado-numeracion">
579
580                            <div class="text-center mb-4" style="font-size: 14.5px;">
581                                <label for="num_menores_que" class="form-label me-2 mb-0"><b>Números menores
582                                        de</b></label>
583                                <input type="number" class="form-control" id="num_menores_que" value="9999"
584                                    style="width: 130px; text-align: left;">
585                            </div>
586
587                            <div class="mb-2" style="font-size: 14.5px; margin-top: 10px;">La ficha incluirá los
588                                siguientes
589                                ejercicios:</div>
590                            <ul class="lista-ejercicios-num">
591                                <li>- Ordenar números: de mayor a menor y viceversa.</li>
592                                <li>- Colocar signos &lt; y &gt; entre números.</li>
593                                <li>- Escribir el número anterior y posterior a uno dado.</li>
594                                <li>- Escribir con letra.</li>
595                                <li>- Descomposición de las cifras de un número.</li>
596                                <li>- Escribir un número en forma de suma.</li>
597                                <li>- Escribir series:</li>
598                            </ul>
599
600                            <div class="ms-4 mb-4" style="font-size: 14px; line-height: 2.2;">
601                                <div class="d-flex align-items-center flex-wrap gap-2">
602                                    <span>Ascendente desde el</span>
603                                    <input type="number" class="form-control" id="serie_asc_desde" style="width: 90px;">
604                                    <span>sumando</span>
605                                    <input type="number" class="form-control" id="serie_asc_cambio"
606                                        style="width: 70px;">
607                                    <span>cada vez.</span>
608                                </div>
609                                <div class="d-flex align-items-center flex-wrap gap-2 mt-1">
610                                    <span>Descendente desde el</span>
611                                    <input type="number" class="form-control" id="serie_desc_desde"
612                                        style="width: 90px;">
613                                    <span>restando</span>
614                                    <input type="number" class="form-control" id="serie_desc_cambio"
615                                        style="width: 70px;">
616                                    <span>cada vez.</span>
617                                </div>
618                            </div>
619
620                            <div class="text-center pt-2">
621                                <button type="submit" class="btn-enviar">
622                                    Enviar
623                                </button>
624                            </div>
625
626                        </div>
627                    </form>
628                </div>
629
630            </div>
631            <div class="texto-ayuda" style="text-align: center;">Generador de fichas para imprimir<br>Sergio Abad. CEIP "Ferroviario" de Ciudad Real<br><a href="http://recursosdidacticos.es">Recursosdidacticos.es</a></div>
632        </div>
633    </div>
634
635    
635<script>
636        function cambiarModulo(idModulo) {
637            // 1. Ocultar TODOS los contenedores de módulos
638            document.getElementById('modulo-numeracion').classList.add('d-none');
639            document.getElementById('modulo-naturales').classList.add('d-none');
640            document.getElementById('modulo-decimales').classList.add('d-none');
641            document.getElementById('modulo-conversiones').classList.add('d-none');
642            document.getElementById('modulo-fracciones').classList.add('d-none');
643
644            // 2. Quitar 'active' de todas las pestañas
645            const links = document.querySelectorAll('.nav-link');
646            links.forEach(link => link.classList.remove('active'));
647
648            // 3. Mostrar el seleccionado y activar su botón correspondiente
649            if (idModulo === 'numeracion') {
650                document.getElementById('modulo-numeracion').classList.remove('d-none');
651                document.getElementById('btn-tab-numeracion').classList.add('active');
652            } else if (idModulo === 'naturales') {
653                document.getElementById('modulo-naturales').classList.remove('d-none');
654                document.getElementById('btn-tab-naturales').classList.add('active');
655            } else if (idModulo === 'decimales') {
656                document.getElementById('modulo-decimales').classList.remove('d-none');
657                document.getElementById('btn-tab-decimales').classList.add('active'); // Asegúrate de que este ID exista en tu HTML
658            } else if (idModulo === 'conversiones') {
659                document.getElementById('modulo-conversiones').classList.remove('d-none');
660                document.getElementById('btn-tab-conversiones').classList.add('active'); // Asegúrate de que este ID exista en tu HTML
661            } else if (idModulo === 'fracciones') {
662                document.getElementById('modulo-fracciones').classList.remove('d-none');
663                document.getElementById('btn-tab-fracciones').classList.add('active'); // Asegúrate de que este ID exista en tu HTML
664            }
665        }
666    </script>
666
667
668    
668<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
668
669    
669<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
669
670
671    
671<script src="numeracion.js"></script>
671
672    
672<script src="naturales.js"></script>
672
673    
673<script src="decimales.js"></script>
673
674    
674<script src="conversiones.js"></script>
674
675    
675<script src="fracciones.js"></script>
675
676</body>
677
678</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.