Javascript es un tipo de lenguaje informático que se puede utilizar para crear diferentes tipos de páginas web, así como para realizar otras tareas relacionadas con Internet. Los mejores ejemplos de Javascript se enumeran a continuación. estudios, hasta el punto de detallar diferentes tipos. Por lo tanto, espero que al usar estos ejemplos de juegos, ahora puedas apreciar mejor su significado y estructura.
El siguiente artículo es interesante:
Un lenguaje de programación orientado a objetos, basado en prototipos, imperativo y dinámico es Javascript. El dinamismo y la interactividad de Internet son posibles gracias a este lenguaje de programación, que es el más popular en la red.
Este lenguaje consiste en un script que nos permite implementar cosas complejas en páginas web. Cada vez que una página web muestra actualizaciones de contenido oportunas, mapas interactivos, animaciones 2D/gráficos 3D, jukeboxes de video con desplazamiento, etc. en lugar de simplemente sentarse allí y mostrarle información estática. – Es casi seguro que JavaScript está involucrado.
Por lo tanto, JavaScript permite que su página sea interactiva de otras maneras que ni siquiera involucran formularios. Puede agregar animaciones a la página para resaltar un área en particular o para simplificar su uso. Para evitar tener que cargarlos, puede responder a las diferentes acciones de los visitantes directamente en la página.
En términos de tecnologías web, Javascript ocupa el tercer lugar después de HTML y CSS como la «tercera capa del pastel de capas».
De esta forma, podemos decir que estos tres lenguajes son necesarios para cualquier sitio web que queramos construir.
*Por ejemplo, definir párrafos, encabezados y tablas de datos, o incrustar imágenes y videos en la página, HTML es el lenguaje de marcado que usamos para estructurar y dar sentido a nuestro contenido web.
*Para diseñar nuestro contenido HTML, como establecer colores de fondo y fuentes u organizarlo en varias columnas, usamos CSS, que es un lenguaje de reglas de estilo.
*Con la ayuda del lenguaje de secuencias de comandos JavaScript, puede controlar multimedia, animar imágenes y hacer casi cualquier otra cosa. Es increíble lo que puedes lograr con unas pocas líneas de código JavaScript, bueno, tal vez no todo. ).
Los tres están organizados para que poco a poco den forma a nuestra web. Aquí hay un ejemplo de tres campos. HTML inicialmente. A continuación, se añade el código CSS y, por último, el código Javascript.
El siguiente ejercicio es interesante.
<p>Player 1: Papa Roach</p>
Ahora añadimos el CSS:
p {
font-family: 'helvetica neue', helvetica, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
border: 2px solid rgba(0,0,200,0.6);
background: rgba(0,0,200,0.3);
color: rgba(0,0,200,0.6);
box-shadow: 1px 1px 2px rgba(0,0,200,0.4);
border-radius: 10px;
padding: 3px 10px;
display: inline-block;
cursor:pointer;
}
Y para acabar, Javascript da dinamismo a todo:
var para = document.querySelector('p');
para.addEventListener('click', updateName);
function updateName() {
var name = prompt('Enter a new name');
para.textContent = 'Player 1: ' + name;
}Luego le daré algunos ejemplos más de Javascript para ayudarlo a comprender cómo se puede usar y cómo es útil.
Ejemplos de javascript:
Como verá en los ejemplos a continuación, HTML (a diferencia de Javascript, que es un lenguaje de programación) incluye Javascript. Puede aprender cómo hacer una calculadora para ecuaciones matemáticas y código para determinar el área de un triángulo mirando estos dos ejemplos de Javascript.
El siguiente ejemplo es interesante.
<HTML>
<HEAD>
<TITLE>Ejemplos de Javascript</TITLE>
<script language=»JavaScript»>
function calc(form) {
form.result.value=eval(form.expr.value); }
</script>
</HEAD>
<BODY bgcolor=»white»>
<form>
<table border=3 cellspacing=2 width=350>
<tr align=center><th align=right>Equasion:</th> <td><input type=text name=expr size=15></td> <td rowspan=2><input type=button value=» Calculate » onclick=»calc(this.form)»></td></tr>
<tr align=center><th align=right>Answer:</th> <td><input type=text name=result size=15></td></tr>
</table>
</form>
</body>
</html>
Este es uno de los ejemplos de Javascript más típicos porque el código crea una calculadora que le permite operar con ecuaciones matemáticas.
<HTML>
<HEAD>
<TITLE>Ejemplos Javascript</TITLE>
<script language=»javascript»>
function area() {
var base = prompt(«enter the base of the triangle»)
var height = prompt(«enter the height of the triangle»)
var sum = (base*.5)*height
alert(«The area is «+sum+». This was solved by using a = 1/2bh»)
}function about() {
alert(«This script was created by Greg Bland. dabomb@lorien.ml.org»)
}
</script>
</HEAD>
<BODY bgcolor=»white»>
<form>
<input type=»button» value=»Area of Triangle» onClick=»area()»>
<input type=»text» name=»areaf»>
</form>
</body>
</html>
El área de cualquier triángulo se puede calcular usando este otro ejemplo de Javascript.
<!DOCTYPE html>
<title>My Example</title>
<time id=»msg»></time>
<script>
document.getElementById(«msg»).innerHTML = new Date().toLocaleString();
</script>
Podemos usar este ejemplo, por ejemplo, para ingresar fechas y ubicaciones en cualquier página web.
<!DOCTYPE html>
<title>My Example</title>
<input id=»go» type=»button» value=»Open new window» onclick=»window.open(‘/javascript/examples/sample_popup.cfm’,’popUpWindow’,’height=500, width=400, left=100, top=100, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes’);»>
Esta ilustración de JavaScript nos ayudará a agregar ventanas emergentes a cualquier sitio web que diseñemos.
<!DOCTYPE html>
<title>My Example</title>
<script>
document.addEventListener(«DOMContentLoaded», function(event) {
var e = document.getElementById(«go»);
e.addEventListener( «click», function() {
var name=prompt(«What is your name?»,»Homer»);
if ( name!=null && name!=»» ) {
output = «Well » + name + «. You seem very daring!»;
}
else {
output = «Hey, I asked you your name!»;
}
document.getElementById( «msg» ).innerText = output;
}, false);
});
</script>
<!– Replace ‘{action page}’ with your own action page to support non-JavaScript users –>
<form name=»myForm» action=»{action page}»>
<input id=»go» type=»button» value=»I dare you to click me!»>
</form>
<p id=»msg»></p>
Este ejemplo de Javascript, que puede ver arriba, nos ayudará a alertar a los visitantes del sitio web cuando hayan cometido un error, como ingresar su nombre incorrectamente.
<!DOCTYPE html>
<title>My Example</title>
<script>
// Wait for DOM to load
document.addEventListener(«DOMContentLoaded», function(event) {
// Put the button into a variable
var e = document.getElementById(«myForm»);
// Wait for user to click the button
e.addEventListener( «change», function() {
// Put the selected value into a variable
var myColor = this.color.value;
// The «If» statement. Only display the alert if «Blue» was selected.
if (myColor == «Blue») {
// Output a message
document.getElementById(«msg»).innerHTML = «Just like the sky!»;
}
}, false);
});
</script>
<!– Replace ‘{action page}’ with your own action page to support non-JavaScript users –>
<form id=»myForm» name=»myForm» action=»{action page}»>
<label>
<input type=»radio» name=»color» value=»Blue»> Blue
</label>
<label>
<input type=»radio» name=»color» value=»Red»> Red
</label>
<label>
<input type=»radio» name=»color» value=»Green»> Green
</label>
</form>
<p id=»msg»></p>
Este ejemplo de JavaScript muestra cómo cambiar elementos relacionados con el formato de color. Es un código condicional que, al seleccionar un color, dirige al usuario a otro enlace web.
Espero que estos ejemplos de Javascript le hayan dado una mejor comprensión de cuán útil puede ser Javascript en la web. Es un lenguaje de programación muy sencillo, como habrás notado, y permite la creación de una variedad de cosas fascinantes en solo unas pocas líneas de código.
Artículo de interés: