Ejercicio Nro 2 - Calculadora [ Html Javascript + Código C ]
Calculadora.
Se ha realizado la siguiente calculadora.
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 2 ❤️ 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 2</h2>
<form id="ej1" name="">
<div class="form-group form-check">
<label for="ej1">Valor 1</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">Valor 2</label>
<input type="number" class="form-control" id="id2" placeholder="Ingrese el valor" name="" autofocus required>
</div>
<div class="form-group form-check">
<label for="ej1">Seleccionar:</label>
<select class="form-control" id="id3">
<option value="1">Suma</option>
<option value="2">Resta</option>
<option value="3">División</option>
<option value="4">Multiplicación</option>
<option value="5">Resto</option>
</select>
</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
function calcular(){
var opcion, resp, x, y , resultado, continuar;
var c = 0;
resp = 0;
do{
var opcion = document.getElementById('id3').value;
switch(opcion){
case '1':
console.log("Ha seleccionado : " + opcion);
x = ingresarX();
y = ingresarY();
resultado = suma(x,y);
console.log("El resultado es : " + resultado);
document.getElementById('resultado1').innerHTML = resultado.toFixed(2);
cajetilla();
break;
case '2':
console.log("Ha seleccionado : " + opcion);
x = ingresarX();
y = ingresarY();
resultado = resta(x,y);
console.log("El resultado es : " + resultado);
document.getElementById('resultado1').innerHTML = resultado.toFixed(2);
cajetilla();
break;
case '3':
console.log("Ha seleccionado : " + opcion);
x = ingresarX();
y = ingresarY();
resultado = division(x,y);
console.log("El resultado es : " + resultado);
document.getElementById('resultado1').innerHTML = resultado.toFixed(2);
cajetilla();
break;
case '4':
console.log("Ha seleccionado : " + opcion);
x = ingresarX();
y = ingresarY();
resultado = multiplicar(x,y);
console.log("El resultado es : " + resultado);
document.getElementById('resultado1').innerHTML = resultado.toFixed(2);
cajetilla();
break;
case '5':
console.log("Ha seleccionado : " + opcion);
x = ingresarX();
y = ingresarY();
resultado = resto(x,y);
console.log("El resultado es : " + resultado);
document.getElementById('resultado1').innerHTML = resultado.toFixed(2);
cajetilla();
break;
default:
console.log("Fuera");
}
resp=+1;
}while( resp == 100);
}
function ingresarX(){
var x = parseFloat(document.getElementById('id1').value,10);
return x;
}
function ingresarY(){
var y = parseFloat(document.getElementById('id2').value,10);
return y;
}
function suma(x, y){
x = parseInt(x);
y = parseInt(y);
var resutado;
resultado = x + y;
return resultado;
}
function resta(x, y){
x = parseFloat(x);
y = parseFloat(y);
var resutado;
resultado = x - y;
return resultado;
}
function division(x, y){
x = parseFloat(x);
y = parseFloat(y);
var resutado;
resultado = x / y;
return resultado;
}
function multiplicar(x, y){
x = parseFloat(x);
y = parseFloat(y);
var resutado;
resultado = x * y;
return resultado;
}
function resto(x, y){
x = parseInt(x);
y = parseInt(y);
var resutado;
resultado = x % y;
return resultado;
}
function cajetilla(){
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 2 - ITS 2022
*******************************************************************************/
#include <stdio.h>
float suma(float x, float y);
float resta(float x, float y);
float division(float x, float y);
float multiplicar(float x, float y);
int resto(int x, int y);
void consulta();
int main()
{
char opcion, resp;
float x, y, resultado;
int c=1;
do{
printf("\n");
printf("\nIngrese operacion: + - * / '%' o S para salir ");
scanf(" %c", &opcion);
printf("\nIngrese x: ");
scanf(" %f", &x);
printf("\nIngrese y: ");
scanf(" %f", &y);
c++;
switch (opcion){
case '+':
printf("\n\nExcelente!. La opcion elegida es %c\n",opcion);
resultado = suma(x,y);
printf("Resultado: %f + %f = %f \n",x, y, resultado);
break;
case '-':
printf("\n\nImpecable!. La opcion elegida es %c\n",opcion);
resultado = resta(x,y);
printf("Resultado: %f - %f = %f \n",x, y,resultado);
break;
case '/':
printf("\n\nMejor imposible!. La opcion elegida es %c\n",opcion);
resultado = division(x,y);
printf("Resultado: %f / %f = %f \n",x, y , resultado);
break;
case '*':
printf("\n\nGenial!. La opcion elegida es %c\n",opcion);
resultado = multiplicar(x,y);
printf("Resultado: %f * %f = %f \n",x, y,resultado);
break;
case '%':
printf("\n\nEspectacular!. La opcion elegida es %c\n",opcion);
resultado = multiplicar(x,y);
printf("Resultado: %f '%' %f = %f \n",x, y, resultado);
break;
default:
printf("Elija una de las opciones, vuelva a intentarlo por favor \n%c",opcion);
}
consulta();
scanf( " %c", &resp);
}while(resp == 'S');
printf("\n\nFIN. Ha salido del sistema porque ha sido su elección, usted ha elegido: %c",resp);
printf("\n\nCantidad de veces: %d",c);
return 0;
}
void consulta()
{
printf("zDesea continuar? Elija 'S' para continuar. Gracias\n\n\n");
}
float suma(float x, float y)
{
float resultado;
resultado = x + y;
return resultado;
}
float resta(float x, float y)
{
float resultado;
resultado = x - y;
return resultado;
}
float division(float x, float y)
{
float resultado;
resultado = x / y;
return resultado;
}
float multiplicar(float x, float y)
{
float resultado;
resultado = x * y;
return resultado;
}
int resto(int x, int y)
{
int resultado;
resultado = x%y;
return resultado;
}
Tags : codigo c javascript
ME Web Design
Electricista
Soy electricista especializada en PLC
Publicar un comentario