Primero: Para acceder a un elemento HTML con Javascript, se puede utilizar la

función: document.getElementById(id)

El atributo id determina el elemento HTML. La propiedad innerHTML define el

contenido HTML

Segundo: Para pruebas es conveniente usar document.write()

55

Tercero: Se puede utilizar el cuadro alerta para mostrar datos. (5)

Cuarto: Para depurar, se puede utilizar console.log() para mostrar datos.

En Mozilla Firefox presionar: Ctrl+Shift+k para ver los resultados de la consola.

Para abrir el panel Console dedicado en Chromium: Presionar Ctrl+Shift+J (Windows o
Linux) o Cmd+Opt+J (Mac).

Quinto: Codigo insertado desde un archivo externo.

(debo trabajar)

1. // Función constructor
2. function Cuadrado (lado) {
3. this.lado = lado;
4. }
5.
6. Cuadrado.prototype.ObtenerArea =
7. function () { return this.lado*this.lado; };
8.
9. var Plaza = new Cuadrado(10);
10. console.log(Plaza.ObtenerArea());
11.
12. var Cuadra = new Cuadrado(20);
13. console.log(Cuadra);
14. console.log(Cuadra.ObtenerArea());

paso por valor y refenrnic

1. //Paso por valor

2. function Cambiar(primVal) {
3. console.log("En Cambiar...");
4. console.log("antes:");
5. console.log(primVal);
6. primVal = 5;
7. console.log("despues:");
 8. console.log(primVal);
9. }
10.
11. var val = 7;
12. Cambiar(val); // primValue = val
13. console.log("despues de Cambiar:");
14. console.log(val);

1. //Paso por referencia

2. function CambiarObject(objVal) {
3. console.log("En CambiarObject...");
4. console.log("antes:");
5. console.log(objVal);
6. objVal.x = 5;
7. console.log("despues:");
8. console.log(objVal);
9. }
10.
11. val = { x : 7 };
12. CambiarObject(val); // objValue = val
13. console.log("despues de CambiarObject:");
14. console.log(val);

función primer orden

1. // Function que crea funciones

2. function crearMultiplicador(mul) {
3. var miFunc = function (x) {
4. return mul * x;
5. };
6. return miFunc;
7. }
8.
9. var Doblete = crearMultiplicador(2);
10. console.log(Doblete(12));
11.
12. var HatTrick=crearMultiplicador(3);
13. console.log(HatTrick(10));

Se puede pasar funciones como parámetros en otras funciones, por ejemplo:

1. // Pasar funciones como argumentos

2. function OperacionSobre(x,operacion) {
3. return operacion(x);
4. }
5.
6. result = OperacionSobre(100,Doblete);
7. console.log(result);
8. result = OperacionSobre(100,HatTrick);
9. console.log(result);

<pre>var x = "Debo trabajar!";</pre>

// Valores por defecto

function SaludarEs(param) {
console.log("Hola " + param);
}
SaludarEs("Alec");
SaludarEs("");
SaludarEs(); // undefined

function SaludarRu(param) {
if (param == undefined)
param="drug"; // valor x defecto
console.log("Zdravstvuyte " + param);
}
SaludarRu("Shiro");
SaludarRu(""); //Zdravstvuyte
SaludarRu();

function SaludarFr(param) {
param=param||"l'amie"; // valor x defecto
console.log("Salut " + param);
}
SaludarFr("Miguel");
SaludarFr(""); //Salut l'amie
SaludarFr();

function SaludarEn(param="friends") {
console.log("Hello " + param);
}
SaludarEn("Mark");
SaludarEn(""); // Hello
SaludarEn(); // Hello friends
h1 { color: blue;
font-family: "Great Vibes", Helvetica, sans-serif;
//font-size: 30px;
//font-size: xx-larger;
font-size: 200%;
//line-height: 28px; font-weight: normal;
margin-bottom: 10px; margin-top: 10px;
text-shadow: 2px 2px 5px #082b34; }
hx {
font: 40px 'Cookie', Helvetica, sans-serif;
color: blue;
text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
hy { color: blue;
font-family: 'Oleo Script', cursive;
font-size: 30px;
font-weight: normal;
line-height: 28px; margin: 0 0 50px;
text-shadow: 2px 2px 6px #082b34; }

#instructions { //font: 16px "Lucida Console"; //'Cookie', sans-

serif;
font-family: monospace;
color: brown; margin: 0 auto; font-size: 100%;}
.paper {
padding: 3px 32px 40px;
position: relative;
border: 1px solid #B5B5B5;
background: white;
background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0
57px;
 background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0
57px;
background: linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
-webkit-background-size: 100% 3px;
-moz-background-size: 100% 3px;
-ms-background-size: 100% 3px;
background-size: 100% 30px;
}
//.paper::before {content:""; z-index:-1; margin:0 1px; width:99%;
height:10px; position:absolute; bottom:-3px; left:0; background:white;
border:1px solid #B5B5B5;}
.paper::after {content:''; position:absolute; width:2px;
top:0; left:24px; bottom:0; border-left:2px solid #F8D3D3;}

body {
background-color: #f5f5f5;
width: 98%;
margin: 0 auto;
padding: 0;
}
// Función constructor
function Cuadrado (lado) {
this.lado = lado;
}

matenayiva

Cuadrado.prototype.ObtenerArea =
function () { return this.lado*this.lado; };

var Plaza = new Cuadrado(10);

console.log(Plaza.ObtenerArea());

var Cuadra = new Cuadrado(20);

console.log(Cuadra);
console.log(Cuadra.ObtenerArea());

//Ejercicio agregar ObtenerDiametro.

Cuadrado.prototype.ObtenerDiametro =
function () { return Math.sqrt(2*this.lado*this.lado); };
console.log(Cuadra.ObtenerDiametro());
console.log(Plaza.ObtenerDiametro());