Está en la página 1de 12

UNIVERSIDAD DE CARTAGENA

ACTIVIDAD DE APRENDIZAJE UNIDAD 3

ESTUDIANTES
MARIA JIMENEZ NAVARRO

CARRERA
INGIENERIA DE SOFTWARE

MATERIA

DESARROLLO DE SOFTWARE WEB

MOMPÓS BOLIVAR
14/01/2022
1. Desarrollar un programa en Php que Digitado 5 Compras, Realice los siguientes
Cálculos:
 El total de la compra
 El IVA de la compra
 Si la compra es superior a 100.000 realizar un descuento del 10%
 Calcule cual es la compra más alta

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Programa en Javascript que Digitado 5 Compras </title>
    <link rel="stylesheet" href="css/estilo.css">
</head>
<body>

<script>
  var compra1, compra2, compra3, compra4, compra5;
  compra1=prompt('Ingrese Compra1:','');
  compra2=prompt('Ingrese Compra2:','');
  compra3=prompt('Ingrese Compra3:','');
  compra4=prompt('Ingrese Compra4:','');
  compra5=prompt('Ingrese Compra5:','');
  var totalcompra;
 
totalcompra=parseFloat(compra1)+parseFloat(compra2)+parseFloat(compra3)+pars
eFloat(compra4)+parseFloat(compra5);
  document.write('El total de la compra es:');
  document.write(totalcompra);
  var iva;
  iva=totalcompra*0.19;
  document.writeln('</br>El iva es:');
  document.write(iva);
  var descuento;
  if (parseFloat(totalcompra)>100000) {
     descuento=totalcompra*0.1;
  }
  else{
     descuento=0;
  }
    document.write('</br>Descuento:');
    document.write(descuento);
    var totalpagar;
    totalpagar=totalcompra+iva-descuento;

document.write('</br>Total a pagar es:');


    document.write(totalpagar);
 
if (parseFloat(compra1)>parseFloat(compra2) &&
parseFloat(compra1)>parseFloat(compra3) &&
parseFloat(compra1)>parseFloat(compra4) &&
parseFloat(compra1)>parseFloat(compra5)){
      document.write('</br>Compra mayor es:');
      document.write(compra1);
}
 else {
   if (parseFloat(compra2)>parseFloat(compra1) &&
parseFloat(compra2)>parseFloat(compra3) &&
parseFloat(compra2)>parseFloat(compra4) &&
parseFloat(compra2)>parseFloat(compra5)){
      document.write('</br>Compra mayor es:');
      document.write(compra2);
   }
  else {

   if (parseFloat(compra3)>parseFloat(compra1) &&


parseFloat(compra3)>parseFloat(compra2) &&
parseFloat(compra3)>parseFloat(compra4) &&
parseFloat(compra3)>parseFloat(compra5)){
      document.write('</br>Compra mayor es:');
      document.write(compra3);
   }
  else {
   if (parseFloat(compra4)>parseFloat(compra1) &&
parseFloat(compra4)>parseFloat(compra2) &&
parseFloat(compra4)>parseFloat(compra3) &&
parseFloat(compra4)>parseFloat(compra5)){
      document.write('</br>Compra mayor es:');
      document.write(compra4);
   }
  else {
   if (parseFloat(compra5)>parseFloat(compra1) &&
parseFloat(compra5)>parseFloat(compra2) &&
parseFloat(compra5)>parseFloat(compra3) &&
parseFloat(compra5)>parseFloat(compra4)){
      document.write('</br>Compra mayor es:');
      document.write(compra5);
   }
  else {
      document.write('</br>Compra mayor es:');
      document.write('Las  compras son de igual valor:'+compra5);
   
}
   

}
   
}
   
}

</script>

</body>
</html>

2. Desarrollar un programa en Php que Calcule el Cubo de un Numero, si el número


es mayor de 100, la aplicación mostrar “Eres muy afortunado”

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Calcular el cubo </title>
    <link rel="stylesheet" href="css/estilo.css">
</head>
<body>

<script>
  var Valor1, cubo ;
  valor1=prompt('Ingrese Valor1:');
  cubo=parseInt(valor1)*parseInt(valor1)*parseInt(valor1);
  document.write('</br>El valor elevado al cubo es de:');
  document.write(cubo);
  if (parseInt(valor1)>100){
    document.write ('</br> Eres un afortunado');
  }

</script>

</body>
</html>

3. Desarrollar una Programa en Php Que simule la tirada de Dos dados

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>
<HEAD>
</HEAD>
 
<BODY>
    <script>
        var face0=new Image()
        face0.src="1_1.png"
        var face1=new Image()
        face1.src="dos[1].png"
        var face2=new Image()
        face2.src="dado3.png"
        var face3=new Image()
        face3.src="dado4.png"
        var face4=new Image()
        face4.src="dado5.png"
        var face5=new Image()
        face5.src="dado6.png"
    </script>
 
 
    <img src="" name="mydice">
 
    <form>
    <input type="button" value="Lanza dado" onClick="lanzar()">
    </form>
 
    <script>
    function lanzar()
    {
        var randomdice=Math.round(Math.random()*5);
        document.images["mydice"].src=eval("face"+randomdice+".src");
    }
    </script>
 
</BODY>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<HTML>
<HEAD>
</HEAD>
 
<BODY>
    <script>
        var face0=new Image()
        face0.src="dado1.png"
        var face1=new Image()
        face1.src="dado2.png"
        var face2=new Image()
        face2.src="dado3.png"
        var face3=new Image()
        face3.src="dado4.png"
        var face4=new Image()
        face4.src="dado5.png"
        var face5=new Image()
        face5.src="dado6.png"
    </script>
 
 
    <img src="" name="mydice">
 
    <form>
    <input type="button" value="Lanza dado" onClick="lanzar()">
    </form>
 
    <script>
    function lanzar()
    {
        var randomdice=Math.round(Math.random()*5);
        document.images["mydice"].src=eval("face"+randomdice+".src");
    }
    </script>
 
</BODY>
</HTML>

<html>
  <head>
    <title></title>
    <style>
      input.pipe{
        width:30%
      }
      div.line{
        width:100%;
      }
 
    div.space{
    width:20%;
    float:left;
    text-align:center;
    }
 
    div.spac{
    width:5%;
    float:left;
    text-align:center;
    }
    button.bot{
    width=100%;
    }
 
    div.l{
    width:30%;
    float:left;
    }
 
    div.r{
    width:5%;
    float:left;
    }
 
    .dado{
      border-radius: 12% 12% 12% 12%;
      -moz-border-radius: 12% 12% 12% 12%;
      -webkit-border-radius: 12% 12% 12% 12%;
      border: 2px solid black;
      width: 3%;
      height: 7%;
      background-color: white;
      padding: 2% 2% 2% 2%;
      float: left;
      text-align:center;
    }
 

.circ{
 
      border-radius: 50% 50% 50% 50%;
      -moz-border-radius: 50% 50% 50% 50%;
      -webkit-border-radius: 50% 50% 50% 50%;
      border: 0px solid black;
      background-color: black;
      width: 28%;
      height: 28%;
      float: left;
      padding: 1% 1% 1% 1%;
    }
 
    .circu{
 
            border-radius: 50% 50% 50% 50%;
            -moz-border-radius: 50% 50% 50% 50%;
            -webkit-border-radius: 50% 50% 50% 50%;
            border: 0px solid black;
            background-color: black;
            width: 80%;
            height: 80%;
            float: left;
            padding: 2% 2% 2% 2%;
            align-items: center;
    }
 
    div.content{
      padding: 2px 2px 2px 2px;
      border-top: 0px;
      border-bottom: 0px;
      border-style: solid;
    }
 
 
    </style>
  </head>
  <body onload="action();">
    <script language="javascript">
 
    function numeroAleatorio(min, max) {
      return Math.round(Math.random() * (max - min) + min);
    }
 
    function pub(id,num){
      switch(num){
        case 1:{
          document.getElementById(id).innerHTML="<div
class='circu'>&nbsp</div><div class='space'>&nbsp</div>";

          break;
        }
        case 2:{
          document.getElementById(id).innerHTML="<br/><div
class='circ'>&nbsp</div><div class='space'>&nbsp</div><div
class='circ'>&nbsp</div>";
          break;
        }
        case 3:{
          document.getElementById(id).innerHTML="<div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div>";
 
          break;
        }
        case 4:{
          document.getElementById(id).innerHTML="<div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div>";
          break;
        }
        case 5:{
          document.getElementById(id).innerHTML="<div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div>";
          break;
        }
        case 6:{
          document.getElementById(id).innerHTML="<div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div>  <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <br/> <div
class='circ'>&nbsp</div> <div class='space'>&nbsp</div> <div
class='circ'>&nbsp</div>";
          break;
        }
      }
    }
 
    function action(){
      var dados=[];
      for(i=0;i<5;i++){

dados[i]=numeroAleatorio(1,6);
      }
 
      pub("uno",dados[0]);
      pub("dos",dados[1]);
      pub("tres",dados[2]);
      pub("cuatro",dados[3]);
      pub("cinco",dados[4]);
      //document.getElementById('uno').innerHTML="<div
class="circ">&nbsp</div><div class="space">&nbsp</div>";
    }
 
 
 
 
    </script>
    <button name="lanza" id="lanza" onclick="action();"><h4>LANZA LOS
DADOS</h4></button>
    <br/><br/>
    <div>
    <div class="dado" id="uno" name="uno"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="dos" name="dos"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="tres" name="tres"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="cuatro" name="cuatro"></div>
    <div class="spac">&nbsp</div>
    <div class="dado" id="cinco" name="cinco"></div>
    </div>
 
 
  </body>
</html>

5. Desarrollar una Aplicación en Php que, digitado una cadena de caracteres, imprimir
en un Texto de la cadena al revés

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> Digitado una cadena de caracteres, imprimir en un Texto de la
cadena al revés </title>
</head>
<body>

<script>
  var cadena, cadenaalreves;
  cadena=prompt('Ingrese un texto:');
  cadenaalreves=invertir(cadena);  
  document.write('</br>Cadena al revés:');
  document.write(cadenaalreves);

function invertir(cadena) {
  var x = cadena.length;
  var cadenaInvertida = "";

  while (x>=0) {
    cadenaInvertida = cadenaInvertida + cadena.charAt(x);
    x--;
  }
  return cadenaInvertida;
}
</script>

</body>
</html>

También podría gustarte