Header Ads Widget

Responsive Advertisement

Ticker

6/recent/ticker-posts

JavaScript para frontend

 

orientado a objetos
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
Para fines de prueba utilizar
document.write(5 + 6);
alert
window.alert(5 + 6);
Mostrar datos nevegador
console.log(5 + 6);
Imprimir contenido ventana actual
 <button onclick="window.print()">Print this page</button>
var
var x = 5;
var y = 6;
var z = x + y;
let
let x = 5;
let y = 6;
let z = x + y;
const
const x = 5;
const y = 6;
const z = x + y;
ejemplo
<script>
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';

document.getElementById("demo").innerHTML =
pi + "<br>" + person + "<br>" + answer;
</script>
Salida audi
let carName = "audi";
document.getElementById("demo").innerHTML = carName;
let person = "John Doe", carName = "Volvo", price = 200;
document.getElementById("demo").innerHTML = carName;
let person = "John Doe",
carName = "Volvo",
price = 200;
document.getElementById("demo").innerHTML = carName;
undefinid
let carName;
document.getElementById("demo").innerHTML = carName;
mazda
var carName = "volvo";
var carName = "audi";
var carName = "mazda";
document.getElementById("demo").innerHTML = carName;
13
let x = 6 + 5 + 2;
document.getElementById("demo").innerHTML = x;
let x = 2 + 3 + "5";
$ salida
let $$$ = 2;
let $myMoney = 5;
document.getElementById("demo").innerHTML = $$$ + $myMoney;
7
let _x = 2;
let _100 = 5;

document.getElementById("demo").innerHTML = _x + _100;
2
var  x = 10;
// Here x is 10

{  
var x = 2;
// Here x is 2
}

// Here x is 2
document.getElementById("demo").innerHTML = x;
6
let x = 6;   // Allowed

{
  let x = 3;   // Allowed
}

{
  let x = 4;   // Allowed
}
document.getElementById("demo").innerHTML = x;
err
try {
  const PI = 3.141592653589793;
  PI = 3.14;
}
catch (err) {
  document.getElementById("demo").innerHTML = err;
}
Se añade al final
// Create an Array:
const cars = ["Saab", "Volvo", "BMW"];

// Change an element:
cars[0] = "Toyota";

// Add an element:
cars.push("Audi");

// Display the Array:
document.getElementById("demo").innerHTML = cars; 
create object
// Create an object:
const car = {type:"Fiat", model:"500", color:"white"};

// Change a property:
car.color = "red";

// Add a property:
car.owner = "Johnson";

// Display the property:
document.getElementById("demo").innerHTML = "Car owner is " + car.owner;
x es 16
const  x = 16;
// Here x is 10

{  
const x = 45;
// Here x is 2
}


// Here x is 16
document.getElementById("demo").innerHTML = "x is " + x;