sábado, 10 de mayo de 2014

Suma de numeros en filas y columnas en una tabla con PHP

Este es un ejercicio que suma los numeros que se generan en una tabla mediante PHP,
lo que hace es sumar los numeros ingresados en un formulario y los muestra en una tabla y este
debera sumar en filas y columnas la cantidad ingresada.




Usamos para generar las tablas un for en el formulario asi generamos las tablas sin
necesidad de repetir el codigo, y en el codigo que nos retorna los resultados hacemos
uso de for  y while, 2 de c/u asi generar las tablas con sus filas  en los tr y columnas en los td
y el uso de while con uso de los for para obtener el resutado de la suma de filas y columnas segun sea el caso.




domingo, 6 de abril de 2014

Ejercicio Java - Suma Cinco Dias

Ejercicio Java - Suma Cinco Dias 

Este es un ejercisio realiado en notepad,
y probado en cmd, usando un lenguaje de programacion java, basico,
el ejercicio consiste en sumar a la fecha ingresada la cantidad de 5 dias,
con las condiciones que hay que tener en cuenta, si el año es bisiesto,
si el mes pasa los 31 dias, si el aumento de los dias pasa a ser un año mas,
en fin, hice este codigo,  y quedo validado para todas las opciones.
Para los que son nuevos les puede ser de utilidad.
:)

import java.util.*;
class Suma {
    public static void main(String[] args)
    {   
        int d, m, a;
        Scanner sc = new Scanner(System.in);       
        System.out.println("Introduce el dia: ");
        d = sc.nextInt();
        System.out.println("Introduce el mes: ");
        m = sc.nextInt();
        System.out.println("Introduce el a\u00f1o: ");
        a = sc.nextInt();

        if(a>0 && m>0 && d>0 && m<=12 && d<=31){
            if((m==4 || m==6 || m==9 || m==11) && d<=30){System.out.println ("La fecha ingresada es "+d+"/"+m+"/"+a);if(d>=26){d-=30;m+=1;}System.out.println ("y la suma de cinco dias mas es:"+(5+d)+"/"+m+"/"+a); 
            }else{
             if(m==1 || m==3 || m==5 || m==7 || m==8 || m==10){System.out.println ("La fecha ingresada es "+d+"/"+m+"/"+a);if(d>=27){d-=31;m+=1;}System.out.println ("y la suma de cinco dias mas es:"+(5+d)+"/"+m+"/"+a);
            }else{
             if(m==2 && d<=29 && (a%4==0 && (a%100!=0 || a%400==0))){System.out.println ("La fecha ingresada es "+d+"/"+m+"/"+a);if(d>=25){d-=29;m+=1;}System.out.println ("y la suma de cinco dias mas es:"+(5+d)+"/"+m+"/"+a);
             }else{
              if(m==2 && d<=28){System.out.println ("La fecha ingresada es "+d+"/"+m+"/"+a);if(d>=24){d-=28;m+=1;}System.out.println ("y la suma de cinco dias mas es:"+(5+d)+"/"+m+"/"+a);
              }else{
               if(m==12){System.out.println ("La fecha ingresada es "+d+"/"+m+"/"+a);if(d>=27){d-=31;m=1;a+=1;}System.out.println ("y la suma de cinco dias mas es:"+(5+d)+"/"+m+"/"+a);
               }else{System.out.println ("La fecha no es v\u00e1lida");}
              }
             }
            }
            }       
        }else{System.out.printnl("La fecha no es v\u00e1lida");}        
    }   
}


Les dejo el ejemplo:



jueves, 19 de diciembre de 2013

Javascript - Almanaque

Almanaque

Este es un ejemplo de hacer un almanaque usando javascript y un poco de css.


Este almanaque mostrara el mes con los dias de cada mes.
Se dara uso de una function en conjunto de un switch y un for por cada caso.
el cual segun el caso mostrara un mes, y dentro se ejecutara la funcion segun el valor igresado,
este valor sera el que toma en los for asi segun el valor de la funcion mostrara el mes
con sus respectivos dias.



<ul class="almanaque">
            <script type="text/javascript">
            var meses = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
            var diasMeses = ["28", "30", "31"];
            function almanaque(m)
            {
                switch(m)
                {
              
                    case 1:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[0]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 2:
                        for(i=1;i<=diasMeses[0];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[1]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 3:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[2]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 4:
                        for(i=1;i<=diasMeses[1];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[3]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 5:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[4]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 6:
                        for(i=1;i<=diasMeses[1];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[5]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 7:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[6]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 8:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[7]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 9:
                        for(i=1;i<=diasMeses[1];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[8]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 10:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[9]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 11:
                        for(i=1;i<=diasMeses[1];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[10]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    case 12:
                        for(i=1;i<=diasMeses[2];i++)
                        {
                         if(i==1){document.write("<h1>"+meses[11]+"</h1>"+"<hr/>");}
                          document.write("<li>"+i+"</li>");
                          if(i==7 || i==14 || i==21 || i==28){document.write("<br/>");}
                        
                        }
                    
                    break;
                    default :
                     document.write("<h1>Dato Incorrecto.</h1>");
                    break;

                }

            }
          
            /*  AQUÍ CAMBIAMOS EL NÚMERO DEL MES QUE QUEREMOS MOSTRAR */
          
            almanaque(11);
            </script>
            </ul>





Usamos el siguiente estilo css



<style type="text/css">
     ul.almanaque
     {
      background:#0CF;
      width:580px;
      height:auto;
      padding:20px 5px 20px 20px ;
      border-radius:10px;
      -moz-border-radius:10px;
      -webkit-border-radius:10px;
      border:5px solid #999;
      box-shadow:0px 0px 5px #000;
      overflow: hidden;
     }
     ul.almanaque li
     {
      display:inline-block;
      width:50px;
      height:50px;
      padding:20px 10px 0px 10px;
      text-align:center;
      margin:5px;
      color:#FFF;
      background:orange;
      float:left;
      cursor:pointer;
      border-radius:5px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
     }
     ul.almanaque li:hover
     {
       background:yellow;
       color:#F00;
       box-shadow:0px 0px 5px #000;
       transition:all 0.5s linear;
       -webkit-transition:all 0.5s linear;
       -moz-transition:all 0.5s linear;
       -o-transition:all 0.5s linear;
     }
     ul.almanaque li:active
     {
      box-shadow: inset 0px 0px 10px orange;
      -moz-box-shadow: inset 0px 0px 10px orange;
      -webkit-box-shadow: inset 0px 0px 10px orange;
     }
     h1
     {
     color:#FFF;
     }
     hr
     {
     background:#FFF!Important;
     border:1px solid #FFF;
     }
    </style>





Javascript - Tablas Automáticas

Creando Tablas  con Javascipt




Este es un ejemplo de crear tablas de manera automatica.
Usaremos una function y la herramienta for.
<table class="table">
    <script type="text/javascript">
   
    var f=prompt("Ingrese la cantidad de filas");
    var c=prompt("Ingrese la cantidad de columnas");
   
      function tabla(f,c)
      {
       for(i=1;i<=f;i++)
       {
           document.write("<tr>");

           for(j=1;j<=c;j++)
           {
           document.write("<td></td>");
           }
          
           document.write("</tr>");

       }
       
      }
     
      tabla(f,c);
    </script>
</table>



Lo que se hace en este codigo, es hacer uso de una function que contendra los valores de las filas y columnas, se usaran dos ciclos de for, uno para las filas y otro para las columnas.
Lo que se hace es usar un for dentro de otro for, ambos con valores diferentes que saldran de los valores de la funcion, se usan variables i, j para que no se tomen los mismos valores en el ciclo de los for, y esos valores saldran respectivamente de la funcion.

Para dar un aspecto agradable usamos un css adicional.

<style type="text/css">
.table {color:#666;margin:0 auto;border:1px solid #ddd; border-width:1px;}
.table tr {background:#F4F4F4}
.table td {width:30px;height:50px;cursor:pointer;padding:10px;border:1px solid #ddd; border-width:1px; vertical-align:middle; text-align:center}
.table td:hover  {background:#EEE}
</style>

lunes, 16 de diciembre de 2013

Javascript - Switch

Javascript - Switch


Aqui veremos un ejemplo del uso de un switch,
este metodo nos permite mostrar el resultado segun le indiquemos.
este ejmplo consiste en mostrar unas cajas de colores, cada caja se le asigna un valor numerico,
dentro del switch en su () se indica el numero que queramos mostrar,
en el switch se veran los casos son un numero, si ingresamos el valor eje. 3 buscara dentro de los casos, comenzara en el caso 1 comparara si 1=3 como no es igual pasara a comparar si 2=3 como no es pasara a comparar si 3=3 y al ser igual se poduce on corte del ciclo y mostrara el la caja que se le asigno a ese case 3

<html>
    <head>
    <title>Switch</title>
    </head>
        <body>
            <br/>
            <script language="javascript">

    switch(4)
    {
        case 1:
            resu=document.write("<center><div style='width:500px;height:400px;background:#00CCFF;'></div></center>");
            break;
        case 2:
            document.write("<center><div style='width:500px;height:400px;background:#FF0000;'></div></center>");
            break;
        case 3:
            document.write("<center><div style='width:500px;height:400px;background:#00FF00;'></div></center>");
            break;
           
        case 4:
            document.write("<center><div style='width:500px;height:400px;background:#8C008C;'></div></center>");
            break;   
        default:
            document.write("<center><div style='width:500px;height:400px;background:#000;'></div></center>");
            break;
    }
   
   
   

</script>
        </body>

</html>


Javascript - Promedio

Javascript - Promedio


Veremos un ejemplo basico de sacar el promedio de unos valores,
usaremos una function .

<html>
    <head>
    <title>Promedio</title>
    </head>
        <body>
            <br/>
            <script type="text/javascript">
             function prom(a,b,c,d)
             {
                 valor=(a+b+c+d)/4;   
                 return valor;               
             }
           
              promedio = prom(2,4,6,8);
              document.write(promedio);
            </script>
        </body>

</html>






Este codigo lo que nos hace es hacer uso de una function el cual denro esta la operacion, en la function prom se tomara cuatro valores que se indicaran y se dividira por su cantidad para sacar el promedio de las mismas, dentro de la function asiganmos a valor la operacion aritmetica, solo que lo hacemos referencia con los valores ingresados en la fucntion y retornamos el valor con un return asi  el resultado quedara almacenado en el campo valor


Ahora nos queda hacer la llamada a la function y que procese la operacion,
escribimos el nombre de la function y en el parametro le asignamos los valores, separados por comas.
Esos valores tiene que ser numericos.
Como en la funcion ya asignamos que se dividira por 4 pusto que son 4 valores a ingresar, la operacion mostrara el resultado, pudiendo cambiar los valores a gusto, ya cantidad que se dividira dependera de la cantidad ingresada tambien si no se mantendra fija.

Javascript - Par o Impar

Javascript - Par o Impar




<html>
    <head>
    <title>Mi Web</title>
    <link href="estilo.css" rel="stylesheet" type="text/css" />
    </head>
        <body>
            <br/>
            <script type="text/javascript">
             function par(n)
             {
                resto= n% 2;
                if(resto==0){
                document.write("Es Par");
                }else{
                document.write("Es Impar");
                }
                 return valor;               
             }
           
              par(10);
            </script>
        </body>

</html>



En este ejemplo vamos a coparar un  numero y veremos si es par o impar,
el valor debera ser un numero entero, usaremos una fucntion n que nos comparara el resto que es la divicion de un numero por 2, si el resto nos retorna un 0 entonces es par,caso contrario impar.
Primero asignamos el resultado que nos indique que el resto se dividira por 2 y tiene que ser cero.

resto= n% 2;

Si el resto es 0 par
caso contrario impar.