Entradas

Mostrando las entradas con la etiqueta javascript

Calcular Meses Pendientes para tu proximo cumpleaños

Imagen
Consejos si ya no podes descansa jeje, hoy ocupaba realizar este calculo de manera manual pero no lo podía hacer cuando solo era calcular los meses pendientes para tu cumpleaños a partir de la edad de tu nacimiento xd Aquí un simple ejemplo utilizando una función que lo realiza código <html> <body> <p>Cumple</p> <input type="date" onblur="monthsPending(this.value)"> <br> <br> <script> function monthsPending(value) { const clientMonth=new Date( value ).getMonth();      const currentMonth=new Date().getMonth();      const x=currentMonth<clientMonth?0:12;      const month = clientMonth+x-currentMonth; console.log(' pendings month : '+month); } </script> </body> </html>

juego numerico javascript

Imagen
Buenas en este ejemplo de JavaScript mostrare un interesante juego, juego que retare a resolverlo puesto que ni con el código se logra obtener la respuesta del mismo :p En el juego numérico trata de lograr introducir 8 valores de números enteros los cuales sean positivos y no se repitan, los cuales al sumarlos den como resultado el número 28. Parece fácil hasta ahora verdad pero aquí otras condiciones:           dividiendo los números en dos grupos[(num1,num2,num3 y num4) y (num5,num6,num7 y        num8)]          la suma del primer y tercer numero debe ser igual a la suma del segundo y cuarto número del      grupo1(num1,num2,num3,num4)           de igual manera la suma del quinto y septimo numero debe ser igual a la suma del sexto y          octavo número del grupo2(num5,num6,num7,num8)      La suma total ...

Experiencias pokemon por regiones

Imagen
Recordando el transcurso de mi vida cada región de pokemon me recuerda a un periodo de tiempo en el cual experimentaba mas sobre pokemon y mi vida diaria a la misma vez, Regiones: Pokemon Red  Kanto - Estaba en el kinder En esta generación en el juego que tenia se lo prestaba a un amigo ( Primer Maestro ) para que me lo pasara y yo lo único que hacia era entrenarle los pokemon jaja si prácticamente con el primer pokemon con el que inicie yo fui con un magnemitte que recuerdo bien que me gustaba tanto entrenarlo solo a el que lo logre que evolucionar que etapa. Johto - Primaria Después de kanto no pude conseguir el juego de la region Johto y al no tenerlo solo le ayudaba a mi maestro(el que me paso kanto) a entrenarles sus pokemon, me asombraba con los intercambios pokemon y en las batallas hasta repetía los legendarios. Pokemon zafiro y esmeralda Hoenn - Secundaria La primer región en la cual me lance por mi parte desde el inicio, como primer meta in...

Estilo css no cambia / css not change chrome

Muchas veces cuando estas editando el estilo de alguna pagina efectúas los cambios recargas la pagina y ves que no se efectuó ningún cambio  (pasa mas seguido en  chrome ) te daré como consejo que en ves de matarte viendo que parte del código pusiste mal o esta fallando primero recarga la pagina forzando actualizar todo el contenido ya que lo que sucede con el problema de la pagina que no muestra cambios es que no actualiza todo el contenido pareciera porque cambia el texto o tamaños de alguna parte de la pagina pero no por completo, la solución es tan simple que solo es de apretar la tecla de control + f5 . Esos es todo presionando Ctrl+F5 recargaras la pagina forzando a que actualice todo el contenido has la prueba y veras que el estilo que editaste si se cambio.

Ejemplo utilizando parse de Json con javascript

El Parse de Json nos da utilidad En JavaScript, dando la posibilidad de que el análisis sea posible de manera nativa con la función JSON.parse() con este formato sirve como un mecanismo para representar objetos binarios mas informacion (  grandes objetos binarios  ) . En este ejemplo agregaremos datos de dos maneras distintas como ser desde json y una función. aquí el código: <html> <body> <div id="contenido"></div> Ejemplo utilizando parse de Json con jquery <script> function escribir (msg){ document.getElementById('contenido').innerHTML+=msg+"<br>"; } //agregando datos var objetoJson = JSON.parse('{"nombre":"Mercy"}'); console.log(objetoJson.nombre); var textoJson='{"teclado":15,"mouse":12,"usb":10}',precioConIva= function(producto,precio){ if(producto=="mouse"){ return undefined; } if(producto==""){ return p...

Script Para Obtener direccion ip

Imagen
En este ejemplo de javascript mostrare la manera de poder obtener la dirección ip de la computadora en la que ejecutes dicho script para lo cual deberemos de utilizar el jquery script que no ocuparas descargar pues utilizaremos el script online de aspnetcdn. aqui el código l<html> <body> <!-- Script Para Obtener direccion ip --> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.1.min.js"></script> <script>  window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;   //compatibility for firefox and chrome     var pc = new RTCPeerConnection({iceServers:[]}), noop = function(){};         pc.createDataChannel("");    //create a bogus data channel     pc.createOffer(pc.setLocalDescription.bind(pc), noop);    // create offer and set local description     pc.onicecandidate = function(ic...

Ejemplo de function y .length javaScript

En este ejemplo de javascipt mostrare el uso de function y .length un function como la palabra lo dice es una funcion en la que definimos que hacer el . length sirve para calcular la longitud de x variable mostrare su uso asiendo el ejemplo de un loggin en el cual la contraseña deba ser al menos de 8 letras, definiendo esa accion en una funcion. Aquí el código: <html> <head> </head> <body> <script type="text/javascript"> function entrar() { var c1=document.getElementById('contra1').value; var c2=document.getElementById('contra2').value; var nick=document.getElementById('nm').value; if (nick.length>0){ if (c1.length<=7 || c2.length<=7) { alert('Error la contraseña debe tener por lo menos 8 caracteres!!!'); } else { if(c1!=c2) { alert('Las contraseñas no son iguales'); } else { alert('entrando'); } } } else { ...

ejemplo convirtiendo metros en milimetros,centimetros y kilometros javascript

Imagen
      En este ejemplo de javascript mostrare     el codigo de un programa     con el cual se podra convertir     la medicion de x cantidad de metros definida     por el usuario el centido asia los valores     que tendria esa cantidad de metros     en milimetros, centimetros y kilometros     por lo que abria que muliplicar o dividir la cantidad correspondiente     dependiendo del tipo     aqui el codigo <html> <body> <script> //Ingresando metros metros=prompt('Ingrese los metros',''); //Convirtiendo metros a milimetros milimetros=metros*1000; //convirtiendo metros a centimetros centimetros=metros*100; //convirtiendo metros a kilometros kilometros=metros/1000; //Mostrando resultados: alert(metros+' metros = '+milimetros+" milimetros"); alert(metros+' metros = '+centimetros+" centimetros"); alert(metros+' metros = '+ki...

Calculando determinante 4x4 javascript

Imagen
Avanzando ahora con las matrices 4x4 en esta ocasión mostrare el código con el cual se podría calcular los determinante4x4 ,  para lo cual aconsejo primero que entiendan en tema de como resolver esos tipos de problemas: Determinante de una matriz 4x4 aqui el codigo: <html> <head> <title>Calculando determinantes 4x4 javascript</title> </head> <body> <script type="text/javascript" src="zepto.min.js" > </script> <script type="text/javascript"> //creando variables var a00,a01,a02,a03,a10,a11,a12,a13,a20,a21,a22,a23,a30,a31,a32,a33,total,Ta00,Ta01,Ta02,Ta03; //editando funcion para calcular ls determinantes function Calcular_determinante(){ /* !a00 a10 a20 a30 !a01 a11 a22 a33 !a02 a12 a23 a34 !a03 a13 a23 a30 */ a00=document.getElementById(...

Desarrollo de servicios en la nube con HTML5, Javascript y node.js

Imagen
Después de una buena espera por fin esta por venir el curso sobre el Desarrollo de servicios en la nube este curso es para personas con conocimientos medios de programación y de diseño Web, capacitando para un primer nivel de desarrollo de Web de servidor utilizando JavaScript , node.js y express.js. Para este curso es necesario tener, al menos, conocimientos básicos de HTML5 , CSS y programación en general, o sino haber cursado el curso anterior de este programa “ Desarrollo de Aplicaciones en HTML5 y para Dispositivos Móviles Firefox O.S. ”, que también se ofrece en esta plataforma y donde se enseñan dichos conceptos.  En el curso se enseñan también algunos conceptos básicos de ingeniería software, tales como estructura de proyectos, empaquetado de aplicaciones, gestión de versiones, etc. ¿Estas interesado en el curso? aqui el link:  Desarrollo de servicios en la nube con HTML5, Javascript y node.js Javascript

Tutorial Javascript

Imagen
Lista de ejemplo: Aqui muestro una lista de todos los ejemplos de javascript publicados Ejemplos Javascript: Descargar Dreamweaver Ejemplo de alert javascript writeln y date Javascript Comentarios javascript Ejemplo de suma Javascript Ejemplo de division javascript Simbolos numericos javascript Ejemplo de typeof javascript Ejemplo calculando area y perimetro del rectangulo javascript Ejemplo de array javascript Sacando numero par o impar javascript Ejemplo ciclo for javascript Ejemplo sacando año bisiesto javascript Ejemplo de preIncremento y postIncremento javascript Ejemplo calculando potencia javascript Ejemplo del operador condicional ? javascript Ejemplo generando numeros aleatorios javascript Ejemplo usando getRlementByClassName javascript Ejemplo switch case Calculando Grados Fahrenheit Celsius y Kelvin Javascript Ejemplo de loggin javascript Calculando determinante 2x2 javascript Calculando matriz inversa 2x2 javas...

Ejemplo de typeof javascript

En este ejemplo de javascript mostrare el uso del operador typeof el cual permite conocer el tipo de un valor devolviendo un string con el nombre del tipo Pudiendo ser uno de los siguientes: "number", "string", "boolean", "undefined", "object" y "function". aquí un ejemplo: <html> <head> <meta charset="UTF-8"> </head> <body> <script type="text/javascript"> document.write("typeof 100: "+typeof 100);//number document.write("<br>typeof appletenhtml: "+typeof "appletenhtml");//string document.write("<br>typeof false: "+typeof false); document.write("<br>typeof undefined: "+typeof undefined);//boolean document.write("<br>typeof null: "+typeof null);//undefined document.write("<br>typeof new Date(): "+typeof new Date());/...

Ejemplo calculando area y perimetro del rectangulo javascript

Imagen
En este ejemplo de programacion mostrare en javascript el codigo con el cual se podra calcular el area y perimetro de  un rectangulo. explicando un poco: El área de un cuadrado es igual al cuadrado de la longitud del lado.  El perímetro de un cuadrado es cuatro veces el valor del lado     aqui el codigo   <html> <body> <script> //ingresando base Base=prompt('Ingrese el valor de la Base',''); //Ingresando altura Altura=prompt('Ingrese el valor de la Altura',''); //Calculando Area Area=Base*Altura; //Calculando Perimetro Perimetro=(2*Altura)+(2*Base); //Mostrando resultados alert("El Area del Rectangulo es: "+Area); alert("El Perimetro del Rectangulo es:"+Perimetro); </script> </body> </html> Descargar ejemplo: calculando area y perimetro del rectangulo javascript Javascript

Ejemplo usando getRlementByClassName javascript

En este ejemplo de javascript mostrare el uso del getRlementByClassName con el cual mostrare una pregunta facil de java la cual tendra tres opciones para responder en caso se responda correcto le pondremos verde color en caso sea mala o color asul color aquí el código: <!DOCTYPE html> <html lang="es"> <head> <title>seleccion javascript</title> <meta charset=utf-8> <style type="text/css"> p { width: 225px; border: 3px dotted silver; padding-left: 4px;} button { margin-top: 16px;} </style> <script type="text/javascript"> function go(z) { if(z==1){ var x1 = document.getElementsByClassName("uno"); x1[0].style.background = "rgb(95,215,135)"; alert('Incorrecto'); } if(z==2){ var x2 = document.getElementsByClassName("dos"); x2[0].style.background = "rgb(95,215,135)"; alert('Incorrecto'); } ...

Ejemplo de select onchange php

Imagen
En este ejemplo de php y javascript mostrare como efectuar el direccionamiento de páginas que estén dentro de una lista de  opciones en un select . Con el select básicamente jalaremos nombres desde la base de  datos, para que de ese modo muestre las opciones que tiene   y pueda seleccionar la página a la cual quiere ser dirigido. Ten en cuenta que las opciones que enlistes deberán  ser páginas que estén disponibles y en la misma ubicación. Por ejemplo: <html> <body> <SELECT NAME="opciones" onchange="location = this.options[this.selectedIndex].value;"> <option>Seleccione una Opcion...</option> <?php //Creando conexion dominio nombre contra $conexion=mysql_connect("localhost","root","") or die("Problemas en la conexion"); //nombre de la base de datos mysql_select_db("base",$conexion) or die("Problemas en la...

Ejemplo de preIncremento y postIncremento javascript

 En este ejemplo de javascript mostrare el uso de las   funciones de pre incremento y post incremento     empezando por describirlas para mostrar su uso     pre incremento:     la palabra pre viene siendo como una acción anterior     a la que viene.   postincremento:    la palabra post al revés de pre viene siendo una acción siguiente     a la que viene.     //++Variable y Variable++ son operadores de incremento diferentes siendo ++Variable un ejemplo de pre incremento Variable++ un ejemplo de preincremento Veamos un ejemplo aqui el codigo: <html> <body> <div align="center"> </div> <script> //creando variables var pre=0; var post=0; var i=0; //con un preincremento dentro de un if primero incrementaria //la variable pre=pre+1 luego compararia if(++pre>post){alert('Mayor');}else{alert('Menor');} //con un post incremento primero compararia las ...

Ejemplo de array javascript

En este Ejemplo de javascript creare un array con numeros en el cual mostrare sus dos numeros de diferente manera Aqui el codigo : <!DOCTYPE html> <html> <head> <title>Ejemplo de array javascript</title> <meta charset="UTF-8" > </head> <body><script type="text/javascript"> //creando variable y asinnandole valores var numeros = { par: '16', impar: '33' }; //mostrando array document.write("<b>numeros.par=</b> " + numeros.par); //mostrando array document.write("<br><b>numeros['impar']=</b> " + numeros['impar']); </script> </body> </html> Descargar ejemplo array javascript Javascript

Calculando matriz inversa 3x3 javascript

Imagen
En este ejemplo de javascript mostrare el código con el cual podran la matriz  inversa 3x3 para que entiendan el tema les dejo estos vídeos donde explican como encontrarlas: Matriz Inversa 3X3 aqui el codigo: <html> <head> <title>Calculando determinantes 2x2 javascript</title> </head> <body> <script type="text/javascript" src="zepto.min.js" > </script> <script type="text/javascript"> //creando variables var a00,a01,a02,a10,a11,a12,a20,a21,a22,total; //editando funcion para calcular ls determinantes function Calcular_determinante(){ //asignando valores /* aqui muestro el orden de los nombres de la variables a las cuales les asigno los numeros !a00 a10 a20! l2a00 l2a10 !a01 a11 a21! l2a01 l2a11 !a02 a12 a22! l2a02 l2a12*/ a00=document.getElementById("a00").value; a01=document.getElementById("a01...