Skip to content

J
js-e002
Commit c4b40ca1 by roshka
Options

Resultado de los ejercicios en el documento js-e002.pdf

parents
Showing with 1109 additions and 0 deletions
Cuestionario/Ejercicio1.html 0 → 100644
<html>
<head>
<script src="Ejercicio1.js"></script>
</head>
</html>
\ No newline at end of file
Cuestionario/Ejercicio1.js 0 → 100644
/*
1. Escribir una función en JavaScript que calcule la versión que suma en la ecuación cuadrática
(-b + sqrt(b^2 - 4ac))/2a
Entrada: a, b, c Salida: raiz cuadrática (+)
*/
"use strict";
function bMas(a,b,c) {
let respuesta = -b;
respuesta = respuesta + (b**2 - 4*a*c);
respuesta = respuesta / 2*a;
if(isNaN(respuesta)){
return null;
}else{
return respuesta;
}
}
console.log(bMas(1,2,3));
Cuestionario/Ejercicio2.html 0 → 100644
<html>
<head>
<script src="Ejercicio2.js"></script>
</head>
</html>
\ No newline at end of file
Cuestionario/Ejercicio2.js 0 → 100644
/*
2. Escribir una función en JavaScript que calcule la versión que resta en la ecuación cuadrática
(-b - sqrt(b^2 - 4ac))/2a
Entrada: a, b, c Salida: raiz cuadrática (-)
*/
"use strict";
function bMenos(a,b,c) {
let respuesta = -b;
respuesta = respuesta - (b**2 - 4*a*c);
respuesta = respuesta / 2*a;
if(isNaN(respuesta)){
return null;
}else{
return respuesta;
}
}
console.log(bMenos(1,2,3));
Cuestionario/Ejercicio3.html 0 → 100644
<html>
<head>
</head>
<body >
<p id="parrafo"></p>
<script src="Ejercicio3.js"></script>
</body>
</html>
\ No newline at end of file
Cuestionario/Ejercicio3.js 0 → 100644
/*
3. Escribir una función en JavaScript que reciba un id y un string y ponga como innerHTML del elemento
con el id referenciado el valor del string
Entrada: id, string Salida: n/a
*/
"use strict";
//Para que funcione el innerHtml, el javascript debe estar debajo de los elementos que va a importar
function colocarHtml(ident,cadena){
ident.innerHTML = cadena;
}
let cuerpo = document.getElementById("parrafo");
colocarHtml(cuerpo,"Bienenido ");
Cuestionario/Ejercicio4.html 0 → 100644
<html>
<head>
</head>
<body>
<p id="parrafo"></p>
</body>
<script src="Ejercicio4.js"></script>
</html>
\ No newline at end of file
Cuestionario/Ejercicio4.js 0 → 100644
/*
4. Escribir una función en JavaScript que reciba un id, y ponga en el innerHTML del elemento con el id
referenciado un número aleatorio entre 1 y 100
*/
"use strict";
function aleatorio(identi) {
let numero = 1 + parseInt(99*Math.random());
identi.innerHTML = "Numero aleatorio: " + numero;
}
let identi1 = document.getElementById("parrafo");
aleatorio(identi1);
\ No newline at end of file
Cuestionario/Ejercicio5.txt 0 → 100644
5. Qué significa que las funciones son ciudadanos de primera categoría en JavaScript? Pueden dar algún
ejemplo de ello?
\ No newline at end of file
Ejercicios/CalculadoraInfija/CalculadoraInfija.css 0 → 100644
.tecla{
background: whitesmoke;
color:black;
text-align: center;
width: 60px;
height: 60px;
border: 5px black solid;
font-size: 40px;
}
.tabla{
width: 500px;
height: auto;
background-color: darkgray;
}
.operacion{
background: whitesmoke;
color:black;
text-align: center;
width: 60px;
height: 60px;
border: 5px black solid;
font-size: 40px;
}
.igual{
background: #729C99;
color:black;
text-align: center;
width: 60px;
height: 60px;
border: 5px black solid;
font-size: 40px;
}
.vacio{
width: 60px;
height: 60px;
}
.pantalla{
text-align: right;
width: 490px;
border: 5px black solid;
font-size: 50px;
margin: 0px;
}
.tituloInstrucciones{
font-weight: bold;
}
.instrucciones{
margin: 0px;
}
\ No newline at end of file
Ejercicios/CalculadoraInfija/CalculadoraInfija.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="CalculadoraInfija.css" rel="stylesheet">
</head>
<body>
<h1 class="titulo_cal">Calculadora en HTML</h1>
<div class = "calculadora">
<p id="pantallita" class="pantalla">Ingrese valor</p>
<table class="tabla">
<tr>
<td id="uno" class="tecla" onclick="uno()">1</td>
<td id="dos" class="tecla" onclick="dos()">2</td>
<td id="tres" class="tecla" onclick="tres()">3</td>
<td id="mas" class="operacion" onclick="suma()">+</td>
</tr>
<tr>
<td id="cuatro" class="tecla" onclick="cuatro()">4</td>
<td id="cinco" class="tecla" onclick="cinco()">5</td>
<td id="seis" class="tecla" onclick="seis()">6</td>
<td id="menos" class="operacion" onclick="resta()">-</td>
</tr>
<tr>
<td id="siete" class="tecla" onclick="siete()">7</td>
<td id="ocho" class="tecla" onclick="ocho()">8</td>
<td id="nueve" class="tecla" onclick="nueve()">9</td>
<td id="por" class="operacion" onclick="multiplicacion()">*</td>
</tr>
<tr>
<td id="cero" class="tecla" onclick="cero()">0</td>
<td id="punto" class="tecla"onclick="punto()">.</td>
<td id="dividir" class="operacion" onclick="division()">/</td>
<td id="igual" class="igual" onclick="igual()">=</td>
</tr>
</table>
</div>
<script src="calculadorainfija.js"></script>
<p class="tituloInstrucciones">Indicadores</p>
<ul>
<li class="instrucciones">En caso de agregar número menor a cero, escribir con la sintaxis '.decimales'. Por ejemplo: '.090'.</li>
<li class="instrucciones">En caso que se desea escribir solo el cero, escribir '.0'.</li>
<li class="instrucciones">Luego de presionar '=', presione cualquier tecla de la calculadora para una nueva operacion.</li>
<li class="instrucciones">En la pantalla de la calculadora aparece la operación seleccionada.
<br>Una vez seleccionada la operación, cargue el otro valor a operar.
</li>
<li class="instrucciones">Cuando se carga una secuencia de operaciones, como '4 + 3 - 2', a medida que se va cargando las operaciones,
<br>muestra el resultado actual, y muestra la última cuando se presiona el botón '='.</li>
<li class="instrucciones" >'Error: Ingrese valor': significa que usted realizó una operación antes de cargar un valor.
</li>
</ul>
</body>
</html>
\ No newline at end of file
Ejercicios/CalculadoraInfija/calculadorainfija.js 0 → 100644
//Esta variable sirve para cambiar de entrada de dato a numero1 o numero2
//numero1: false, numero2: true.
let cambiar = false;
//Entradas de datos para luego ser procesados
let numero1 = "";
let numero2 = "";
//En esta variable se carga el resultado y se imprime en pantalla.
//Es necesario el parseFloat() para que el interprete no le reconozca a la variable
//que recibe cadena.
let resultado = parseFloat(0);
//Esta variable se carga el tipo de operación que se va a realizar.
//+: suma, -:resta, /:division, *: multiplicacion
let operacionActual = "";
//Con esta variable se borra la pantalla, luego de presionar "=", para realizar
//nuevo calculo
let nuevoCalculo = false;
//Esta funcion imprime en la pantalla de la calculadora
function pantCal(cadena) {
document.getElementById("pantallita").innerHTML = cadena;
}
//Esta funcion imprime el numero 1 en la pantalla
function uno() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "1";
pantCal(numero1);
}else{
numero2 = numero2 + "1";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 2 en la pantalla
function dos() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "2";
pantCal(numero1);
}else{
numero2 = numero2 + "2";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 3 en la pantalla
function tres() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "3";
pantCal(numero1);
}else{
numero2 = numero2 + "3";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 4 en la pantalla
function cuatro() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "4";
pantCal(numero1);
}else{
numero2 = numero2 + "4";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 5 en la pantalla
function cinco() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "5";
pantCal(numero1);
}else{
numero2 = numero2 + "5";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 6 en la pantalla
function seis() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "6";
pantCal(numero1);
}else{
numero2 = numero2 + "6";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 7 en la pantalla
function siete() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "7";
pantCal(numero1);
}else{
numero2 = numero2 + "7";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 8 en la pantalla
function ocho() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "8";
pantCal(numero1);
}else{
numero2 = numero2 + "8";
pantCal(numero2);
}
}
//Esta funcion imprime el numero 9 en la pantalla
function nueve() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + "9";
pantCal(numero1);
}else{
numero2 = numero2 + "9";
pantCal(numero2);
}
}
//Esta funcion imprime el numero cero en la pantalla
function cero() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es para que no se cargue el digito cero al principio de ingresar un dato
//y no ocurra error a la hora de convertir a numero flotante
if(numero1 == "" && !cambiar || numero2 =="" && cambiar){
return;
}
if(!cambiar){
numero1 = numero1 + "0";
pantCal(numero1);
}else{
numero2 = numero2 + "0";
pantCal(numero2);
}
}
//Esta funcion imprime la coma de los decimales en la pantalla
function punto() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(!cambiar){
numero1 = numero1 + ".";
pantCal(numero1);
}else{
numero2 = numero2 + ".";
pantCal(numero2);
}
}
function suma() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor
if(numero1 == ""){
pantCal("Error: Ingrese valor");
return;
}
pantCal("Suma");
if(operacionActual == ""){
resultado = parseFloat(numero1);
cambiar = true;
}else if(numero2 != ""){
operar();
}
operacionActual = "+";
}
function resta() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor
if(numero1 == ""){
pantCal("Error: Ingrese valor");
return;
}
pantCal("Resta");
if(operacionActual == ""){
resultado = parseFloat(numero1);
cambiar = true;
}else if(numero2 != ""){
operar();
}
operacionActual = "-";
}
function multiplicacion() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor
if(numero1 == ""){
pantCal("Error: Ingrese valor");
return;
}
pantCal("Multiplicación");
if(operacionActual == ""){
resultado = parseFloat(numero1);
cambiar = true;
}else if(numero2 != ""){
operar();
}
operacionActual = "*";
}
function division() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor
if(numero1 == ""){
pantCal("Error: Ingrese valor");
return;
}
pantCal("División");
if(operacionActual == ""){
resultado = parseFloat(numero1);
cambiar = true;
}else if(numero2 != ""){
operar();
}
operacionActual = "/";
}
//Aqui es donde se realiza las operaciones
function operar() {
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
if(operacionActual == "+"){
resultado = parseFloat(numero1) + parseFloat(numero2);
}else if(operacionActual == "-"){
resultado = parseFloat(numero1) - parseFloat(numero2);
}else if(operacionActual=="*"){
resultado = parseFloat(numero1) * parseFloat(numero2);
}else if(operacionActual=="/"){
resultado = parseFloat(numero1) / parseFloat(numero2);
}
pantCal(resultado);
numero1 = resultado;
numero2 = "";
}
//Aqui es donde se imprime el resultado final
function igual(){
if(nuevoCalculo){
pantCal("Ingrese valor");
nuevoCalculo = false;
return;
}
//Esto es por si se nos ocurre agregar una operacion antes de ingresar un valor
if(numero1 == ""){
pantCal("Error: Ingrese valor");
return;
}
if(operacionActual == "+"){
resultado = parseFloat(numero1) + parseFloat(numero2);
}else if(operacionActual == "-"){
resultado = parseFloat(numero1) - parseFloat(numero2);
}else if(operacionActual=="*"){
resultado = parseFloat(numero1) * parseFloat(numero2);
}else if(operacionActual=="/"){
resultado = parseFloat(numero1) / parseFloat(numero2);
}
//Aqui es donde se resetea los valores
pantCal("Resultado: " + resultado);
numero1 = "";
numero2 = "";
resultado = parseFloat(0);
cambiar = false;
operacionActual = "";
nuevoCalculo = true;
}
\ No newline at end of file
Ejercicios/TirandoDatos/01.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#F94A3D;" d="M59.427,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.427z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
<path style="fill:#FFFFFF;" d="M292.571,256c0-20.197-16.375-36.571-36.571-36.571c-20.197,0-36.571,16.375-36.571,36.571
c0,20.197,16.375,36.571,36.571,36.571C276.197,292.571,292.571,276.197,292.571,256"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/02.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#F94A3D;" d="M59.426,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.426z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
<g>
<path style="fill:#FFFFFF;" d="M182.857,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,166.482,182.857,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,385.911,402.286,365.714"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/03.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#F94A3D;" d="M59.426,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.426z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
<g>
<path style="fill:#FFFFFF;" d="M182.857,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,166.482,182.857,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,385.911,402.286,365.714"/>
<path style="fill:#FFFFFF;" d="M292.571,256c0-20.197-16.375-36.571-36.571-36.571c-20.197,0-36.571,16.375-36.571,36.571
c0,20.197,16.375,36.571,36.571,36.571C276.197,292.571,292.571,276.197,292.571,256"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/04.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#F94A3D;" d="M59.426,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.426z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
<g>
<path style="fill:#FFFFFF;" d="M182.857,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,166.482,182.857,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,166.482,402.286,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,385.911,402.286,365.714"/>
<path style="fill:#FFFFFF;" d="M182.857,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,385.911,182.857,365.714"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/05.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#FFFFFF;" d="M292.571,256c0-20.197-16.375-36.571-36.571-36.571c-20.197,0-36.571,16.375-36.571,36.571
c0,20.197,16.375,36.571,36.571,36.571C276.197,292.571,292.571,276.197,292.571,256"/>
<path style="fill:#FFFFFF;" d="M182.857,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,385.911,182.857,365.714"/>
<path style="fill:#FFFFFF;" d="M182.857,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,166.482,182.857,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,385.911,402.286,365.714"/>
<path style="fill:#FFFFFF;" d="M402.286,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,166.482,402.286,146.286"/>
</g>
<g>
<path style="fill:#F94A3D;" d="M59.426,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.426z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/06.svg 0 → 100644
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path style="fill:#D71E00;" d="M475.429,512H36.571C16.375,512,0,495.625,0,475.429V36.571C0,16.375,16.375,0,36.571,0h438.857
C495.625,0,512,16.375,512,36.571v438.857C512,495.625,495.625,512,475.429,512"/>
<g>
<path style="fill:#FFFFFF;" d="M402.286,256c0-20.197-16.375-36.571-36.571-36.571S329.143,235.803,329.143,256
c0,20.197,16.375,36.571,36.571,36.571S402.286,276.197,402.286,256"/>
<path style="fill:#FFFFFF;" d="M182.857,256c0-20.197-16.375-36.571-36.571-36.571S109.714,235.803,109.714,256
c0,20.197,16.375,36.571,36.571,36.571S182.857,276.197,182.857,256"/>
<path style="fill:#FFFFFF;" d="M182.857,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,385.911,182.857,365.714"/>
<path style="fill:#FFFFFF;" d="M182.857,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S182.857,166.482,182.857,146.286"/>
<path style="fill:#FFFFFF;" d="M402.286,365.714c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,385.911,402.286,365.714"/>
<path style="fill:#FFFFFF;" d="M402.286,146.286c0-20.197-16.375-36.571-36.571-36.571s-36.571,16.375-36.571,36.571
s16.375,36.571,36.571,36.571S402.286,166.482,402.286,146.286"/>
</g>
<g>
<path style="fill:#F94A3D;" d="M59.426,457.143c-2.521,0-4.571-2.051-4.571-4.571V173.714c0-5.049-4.093-9.143-9.143-9.143
s-9.143,4.093-9.143,9.143v278.857c0,12.62,10.237,22.857,22.857,22.857h324.571c5.049,0,9.143-4.093,9.143-9.143
s-4.093-9.143-9.143-9.143H59.426z"/>
<path style="fill:#F94A3D;" d="M54.857,59.43c0-2.526,2.047-4.571,4.571-4.571h393.143c2.525,0,4.571,2.046,4.571,4.571v393.143
c0,2.521-2.051,4.571-4.571,4.571h-32c-5.049,0-9.143,4.093-9.143,9.143c0,5.049,4.093,9.143,9.143,9.143h32
c12.62,0,22.857-10.237,22.857-22.857V59.43c0-12.627-10.235-22.857-22.857-22.857H59.429c-12.622,0-22.857,10.23-22.857,22.857
v41.143c0,5.049,4.093,9.143,9.143,9.143s9.143-4.093,9.143-9.143V59.43z"/>
<path style="fill:#F94A3D;" d="M54.857,137.143c0-5.047-4.096-9.143-9.143-9.143s-9.143,4.096-9.143,9.143
s4.096,9.143,9.143,9.143S54.857,142.19,54.857,137.143"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Ejercicios/TirandoDatos/tirandoDados.css 0 → 100644
ul li{
list-style: none;
}
.resultado{
width: 60px;
height: 60px;
padding: 10px;
}
#resultado1{
float: left;
color: blue;
}
#resultado2{
float: left;
color: blue;
}
#resultado3{
float: left;
color: blue;
}
#resultado4{
float: left;
color: blue;
}
#resultado5{
float: left;
color: blue;
}
#resultado6{
float: left;
color: blue;
}
.boton{
font-size: 20px;
color: red;
font-weight: bold;
border: 2px black solid;
}
\ No newline at end of file
Ejercicios/TirandoDatos/tirandoDados.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<title>Tirando los dados</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="tirandoDados.css" rel="stylesheet">
</head>
<body>
<h1 id="titulo">Nombre_jugador, tu lanzada salió:</h1>
<a class="boton" href="tirandoDados.html">Jugar otra vez?</a>
<ul>
<li>
<img class="resultado" src="01.svg" alt="Dado 1" width: 10px height: 45px>
<h2 id="resultado1">####### = </h2>
</li>
<li>
<img class="resultado"src="02.svg" alt="Dado 2">
<h2 id="resultado2">####### = </h2>
</li>
<li>
<img class="resultado" src="03.svg" alt="Dado 3">
<h2 id="resultado3">####### = </h2>
</li>
<li>
<img class="resultado" src="04.svg" alt="Dado 4">
<h2 id="resultado4">####### = </h2>
</li>
<li>
<img class="resultado" src="05.svg" alt="Dado 5">
<h2 id="resultado5">####### = </h2>
</li>
<li>
<img class="resultado" src="06.svg" alt="Dado 7">
<h2 id="resultado6">####### = </h2>
</li>
</ul>
<script src="tirandoDados.js"></script>
</body>
</html>
\ No newline at end of file
Ejercicios/TirandoDatos/tirandoDados.js 0 → 100644
"use strict"
//Realiza la operacion aleatorio
function aleatorio() {
let resultado = 1 + parseInt(5*Math.random());
return resultado;
}
//Este selecciona el resultado
function seleccionado(numero) {
let resultado = document.getElementById("resultado1");
if(numero == 2){
resultado = document.getElementById("resultado2");
}else if(numero == 3){
resultado = document.getElementById("resultado3");
}else if(numero == 4){
resultado = document.getElementById("resultado4");
}else if(numero == 5){
resultado = document.getElementById("resultado5");
}else if(numero == 6){
resultado = document.getElementById("resultado6");
}
return resultado;
}
//Este imprime el resultado
function imprimirSelector(indice) {
indice.innerHTML = "Resultado = "
}
//Pedimos el nombre del jugador
let jugador = prompt("Nombre del jugador");
while(jugador == null || jugador == ""){
jugador = prompt("Por favor, ingrese el nombre del jugador");
}
document.getElementById("titulo").innerHTML = jugador + ", tu lanzada salió:"
//Realizamos la operación
let numero = aleatorio();
console.log(numero);
let resultado = seleccionado(numero);
imprimirSelector(resultado);
\ No newline at end of file
Ejercicios/TirandoDatos/tirandoDatos.html 0 → 100644
<!DOCTYPE html>
<html lang="es">
<head>
<title>Tirando los dados</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="tirandoDados.css" rel="stylesheet">
</head>
<body>
<h1 id="titulo">Nombre_jugador, tu lanzada salió:</h1>
<ul>
<li>
<img class="resultado" src="01.svg" alt="Dado 1" width: 10px height: 45px>
<h2 id="resultado1">####### = </h2>
</li>
<li>
<img class="resultado"src="02.svg" alt="Dado 2">
<h2 id="resultado2">####### = </h2>
</li>
<li>
<img class="resultado" src="03.svg" alt="Dado 3">
<h2 id="resultado3">####### = </h2>
</li>
<li>
<img class="resultado" src="04.svg" alt="Dado 4">
<h2 id="resultado4">####### = </h2>
</li>
<li>
<img class="resultado" src="05.svg" alt="Dado 5">
<h2 id="resultado5">####### = </h2>
</li>
<li>
<img class="resultado" src="06.svg" alt="Dado 7">
<h2 id="resultado6">####### = </h2>
</li>
</ul>
<h2>
<a href="tirandoDados.html">Jugar otra vez?</a>
</h2>
<script src="tirandoDados.js"></script>
</body>
</html>
\ No newline at end of file
README.md 0 → 100644
# Importante
El ejercicio se divide en dos partes: la parte del cuestionario, y la parte de ejercicios.
## Cuestionario
Los ejercicios están en la carpeta Cuestionario.
Cada ejercicio del cuestionario contiene un archivo .js y .html, para asi probar si funciona correctamente.
Los ejercicios están están numerados bajo la sintaxis EjercicioN.js y EjercicioN.html, donde N es el número del ejercicio.
Para ejecutar el correspondiente ejercicio, abra su correspondiente archivo .html.
## Ejercicios
Los ejercicios están en la carpeta Ejercicios.
Dentro de ella, existen dos carpetas: TirandoDados y CalculadoraInfija.
### TirandoDados
Es el ejercicio que tirar un dado y obtener el número de dato aleatoriamente.
Dentro están los archivo .js .html .css
Para ejecutar el juego, abra el archivo .html.
### CalculadoraInfija
Es el ejercicio de la calculadora infija.
Dentro están los archivo .js .html .css.
Para ejecutar el juego, abra el archivo .html.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment