Check the new version here

Popular channels

Javascript: mas facil imposible, maquinola - parte 1





Hola, linces y lincesas de taringa, he visto que muchos post de tutoriales de javascript por taringa, y la verdad todos me parecen una reberenda cagada, mas que nada porque no se entiende, aburren y no dan ganas de leerlos de los largos que son. Hace poco arranqué a hacer un curso de javascript y me dije "lo que vea acá debo compartirlo con mis compañeros taringueros" y eso dio lugar este post, claramente sigo cursando, asi que po eso mismo lo voy a dividir en 3 partes por ahora. Espero que les sirva 

TODO ESTO TENIENDO EN CUENTA QUE YA SABEN USAR HTML Y CSS
POR LO MENOS LO BÁSICO






PRIMER TEMA:

WRITE

Primero que nada aviso algo, para usar javascript debemos abrir un o poner un . Una vez aclarado eso, prosigamos.

Suponete que estás en rebelde y queres escribir un texto pero usando javascript, usamos el write, terodactilo prehistórico. ej:


document.write('

acá ponés el texto que vos quieras, tigre

');


-Es una herramienta fácil de usar como verán

-pero mirá lo que hiciste! pusiste un

dentro de un onload="alert('bienvenido, rufianaso');">


suponete que queremos cambiar el color de fondo de la pagina con un click y con un doble click volver al color original. seria asi
                  
onclick="document.bgColor='red';" ondblclick="document.bgColor='white';" />

¿viste? puse un evento que haga que cambie el color de fondo a rojo cuando haga click en el boton 
y despues otro evento (ondblclick) para que cuando haga doble click, vuelva al color blanco
ya se, me amas, dedicame un paja la proxima vez que diseñes tu primera página





SEXTO TEMA:

THIS

podemos combinar todo lo que usamos y hacer esto con this
                 

TOCAME



¿entendiste, varón de la cerveza? le dije que cuando hagas un click en "TOCAME" diga una caracteristica de h1.  usando el "this", usado para nombrar una caracteristica dentro de las cosas estas <> que no me acuerdo como se llaman


acá va otro ejemplo por si no entendiste todavia, campeón
                  
  • alternativo

de a poco la vas a ir casando, es ir boludando con todos estos conceptos, troesma


otro ejemplo, esto sirve para que cuando pase el mouse por arriba de algo (en este ej una imagen) aparesca otra cosa (en este mismo ejemplo, otra imagen), vean 
                
  • lince las praderas mapuchesonmouseover="this.src='trollface.jpg'" onmouseout="this.src='lince.jpg'" />

acá le dije a la maquina:

-escuchame, maquinola, quiero que cuando pase el mouse arriba de mi imagen (onmouseover) aparesca otra imagen y que cuando saque el mouse (onmouseout)
0
0
0
40
0No comments yet