Scribd
Cargar
39 vistas1 página

Consulta de Datos del Muro Verde

El documento es un código HTML para una página web llamada 'Consulta Muro Verde'. Incluye un formulario para seleccionar una fecha y buscar datos ambientales, mostrando resultados en una tabla con columnas para temperatura, pH, humedad y una imagen. También cuenta con un botón para abrir un monitor de temperatura en una nueva ventana.

Cargado por

axelin4112
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
39 vistas1 página

Consulta de Datos del Muro Verde

El documento es un código HTML para una página web llamada 'Consulta Muro Verde'. Incluye un formulario para seleccionar una fecha y buscar datos ambientales, mostrando resultados en una tabla con columnas para temperatura, pH, humedad y una imagen. También cuenta con un botón para abrir un monitor de temperatura en una nueva ventana.

Cargado por

axelin4112
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd

<!

DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Consulta Muro Verde</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<h1>Muro Verde 🌿</h1>
</header>

<main class="container">
<section class="form-section">
<button onclick="[Link]('[Link]', '_blank')">Ver Monitor de
Temperatura</button>
<h2>Consulta de Datos</h2>
<p>Selecciona una fecha para ver los registros ambientales.</p>
<input type="date" id="fecha">
<button onclick="buscarDatos()">Buscar Datos</button>
</section>

<section class="table-section">
<h2>Resultados</h2>
<div class="content-wrapper">
<div class="datos-section">
<table>
<thead>
<tr>
<th>Temp. Máx</th>
<th>Temp. Mín</th>
<th>PH</th>
<th>Humedad</th>
<th>Fecha</th>
<th>Hora</th>
<th>Imagen</th> <!-- Nueva columna -->
</tr>
</thead>
<tbody id="tablaDatos"></tbody>
</table>
</div>
<div class="imagen-section">
<img id="imagenPrincipal" src="[Link]" alt="Imagen
Principal" />
</div>
</div>
</section>
</main>

<script src="[Link]"></script>
</body>
</html>

También podría gustarte