Ejercicio Nro 1 - Estacionamiento [ Html Javascript + Código C ]
Estacionamiento Tarifario.
Se contabilizará a partir de las 2 horas el estacionamiento, mientras dure este tiempo o menor se cobrará un valor constante de 1 hora.
- Precio por Hora: $ 40
- Precio por Minutos : $ 15
1- Crear archivo index.html
<!DOCTYPE html>
<html>
<head>
<meta content='UY' name='geo.placename'/>
<meta content='María Eugenia Szwedowski' name='Author'/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/solid.css" integrity="sha384-VGP9aw4WtGH/uPAOseYxZ+Vz/vaTb1ehm1bwx92Fm8dTrE+3boLfF1SpAtB1z7HW" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
<!-- MDB -->
<link rel="stylesheet" href="mdbootstrap/css/mdb.min.css" />
<title> Ejercicio Nro 1 ❤️ María Eugenia ⚡ </title>
</head>
<body>
<div class="container">
<div class="card mb-3">
<div class="card-body">
<h2>Ejercicio
<span class="fa fa-heart fa-beat" style="--fa-beat-scale: 2.0; color: red;"></span>
Nro 1</h2>
<form id="ej1" name="">
<div class="form-group form-check">
<label for="ej1">Cantidad Horas</label>
<input type="number" class="form-control" id="id1" placeholder="Ingrese el valor" name="" autofocus required>
</div>
<div class="form-group form-check">
<label for="ej1">Cantidad minutos</label>
<input type="number" class="form-control" id="id2" placeholder="Ingrese el valor" name="" autofocus required>
</div>
<div class="form-group form-check">
<button type="button" id="btncalcular" class="btn btn-primary calcular" onclick="calcular();">Calcular</button>
</div>
<br><br>
<div style="display:none" id="mostrar" >
<p> El resultado es: <div class="alert-success"><span id="resultado1"></div></span></p>
<hr class="clearfix w-100 d-md-none mb-0">
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="javascript.js"> </script>
</body>
</html>
2- Crear archivo javascript.js
// Ejercicio Nro 1 - ESTACIONAMIENTO: Cobro de tarifa para estacionamiento.
const preciohora = 40;
const incremento = 15;
function calcular(){
var montohora, montominutos, precio;
var horas = parseFloat(document.getElementById('id1').value,10);
var minutos = parseFloat(document.getElementById('id2').value,10);
if(horas<=2){
montohora =preciohora;
montominutos=0;
}if( (horas>=2) && (minutos!=0) ){
montohora = preciohora + (horas-2) * preciohora;
montominutos = incremento;
}if( (horas>=2) && (minutos==0) ){
montohora = preciohora + (horas-2) * preciohora;
montominutos = 0;
}
precio = montohora + montominutos;
document.getElementById('resultado1').innerHTML = precio.toFixed(2);
var caja = document.getElementById("mostrar");
mostrar.style.display = "block";
}
3- Correr y testear programa.
4- Dirigirse a la página: https://www.onlinegdb.com/
5- Pegar el siguiente código :
/******************************************************************************
Ejercicio Nro 1 ESTACIONAMIENTO - ITS 2022
Programa de cobro de tarifas para estacionamiento.
*******************************************************************************/
#include <stdio.h>
#define preciohora 40
#define incremento 15
int main() {
int horas, minutos;
double montohora, montominutos, precio;
printf("Hola! Bienvenido al parquing del ITS. Contamos con la vereda más ancha de la ciudad\n\n");
printf("Por favor ingrese las horas seguidas de los minutos \n\n");
scanf("%d%d", &horas, &minutos);
printf("\n\n");
printf("Usted ha ingresado HORAS: %d , y MINUTOS: %d", horas, minutos);
printf("\n\n");
if(horas<=2){
montohora = preciohora;
}if( (horas>=2) && (minutos!=0) ){
montohora = preciohora + (horas-2) * preciohora;
montominutos = incremento;
}if( (horas>=2) && (minutos==0) ){
montohora = preciohora + (horas-2) * preciohora;
montominutos = 0;
}
precio = montohora + montominutos;
printf("PRECIO A PAGAR: $UY %f\n", precio);
printf("Muchas gracias por visitar nuestro estacionamienbto!\n");
return 0;
}
Tags : codigo c javascript
ME Web Design
Electricista
Soy electricista especializada en PLC
Publicar un comentario