Scribd
Cargar
134 vistas7 páginas

Animales Programa

Este documento describe un programa en HTML, CSS y JavaScript para registrar los datos de tres animales (nombre y peso) e identificar cuál tiene el peso mayor, menor y intermedio. Se crea un formulario para ingresar los datos de los tres animales y un botón para enviarlos. Con JavaScript se validan los pesos ingresados y se asignan las variables con el nombre del animal de peso mayor, menor y el intermedio. Los resultados se muestran en un div.

Cargado por

Mathias González
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 DOCX, PDF, TXT o lee en línea desde Scribd
134 vistas7 páginas

Animales Programa

Este documento describe un programa en HTML, CSS y JavaScript para registrar los datos de tres animales (nombre y peso) e identificar cuál tiene el peso mayor, menor y intermedio. Se crea un formulario para ingresar los datos de los tres animales y un botón para enviarlos. Con JavaScript se validan los pesos ingresados y se asignan las variables con el nombre del animal de peso mayor, menor y el intermedio. Los resultados se muestran en un div.

Cargado por

Mathias González
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 DOCX, PDF, TXT o lee en línea desde Scribd

Realizar un programa en html , css y JavaScript donde se pueda ingresar datos de tres

animales, solitamos su nombre y peso, verificar cual es el peso mayor, menor e intermedio
<!DOCTYPE html>

<html>

<head>

<title>Animales</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="[Link]">

</head>

<body>

<h1>Registro de animales</h1>

<form id="animal-form">

<label for="animal1">Animal 1:</label>

<input type="text" id="animal1" name="animal1" placeholder="Nombre del


animal">

<input type="number" id="peso1" name="peso1" placeholder="Peso en kg">

<label for="animal2">Animal 2:</label>

<input type="text" id="animal2" name="animal2" placeholder="Nombre del


animal">

<input type="number" id="peso2" name="peso2" placeholder="Peso en kg">

<label for="animal3">Animal 3:</label>

<input type="text" id="animal3" name="animal3" placeholder="Nombre del


animal">

<input type="number" id="peso3" name="peso3" placeholder="Peso en kg">

<button type="submit" id="submit-button">Enviar</button>

</form>

<div id="resultados"></div>
<script src="[Link]"></script>

</body>

</html>
CSS/:

h1 {

text-align: center;

form {

display: flex;

flex-direction: column;

align-items: center;

margin: 20px 0;

label {

margin-right: 10px;

input {

margin-bottom: 10px;

#resultados {

margin-top: 20px;

text-align: center;

font-weight: bold;

}
JAVASCRIPT/:

const form = [Link]('#animal-form');

const resultados = [Link]('#resultados');

[Link]('submit', function(event) {

[Link]();

const animal1 = [Link]('#animal1').value;

const peso1 = parseInt([Link]('#peso1').value);

const animal2 = [Link]('#animal2').value;

const peso2 = parseInt([Link]('#peso2').value);

const animal3 = [Link]('#animal3').value;

const peso3 = parseInt([Link]('#peso3').value);

let pesoMayor = '';

let pesoMenor = '';

let pesoIntermedio = '';

if (peso1 > peso2 && peso1 > peso3) {

pesoMayor = animal1;

if (peso2 > peso3) {

pesoMenor = animal3;

pesoIntermedio = animal2;

} else {

pesoMenor = animal2;

pesoIntermedio = animal3;

} else if (peso2 > peso1 && peso2 > peso3) {

pesoMayor = animal2;
if (peso1 > peso3) {

pesoMenor = animal3;

pesoIntermed

También podría gustarte