Está en la página 1de 6

PROGRAMACION WEB II

SEMANA 4

Alejandro Salvo
03/07/2023
Técnico Nivel Superior Informática
DESARROLLO DE LA ACTIVIDAD
Respuesta instrucción 1: Código HTML-JavaScript para determinar si un estudiante ha aprobado la
asignatura de Química:

<!DOCTYPE html>
<html>
<head>
<title>Calificacion de Quimica</title>
<script>
function calcularNotaFinal() {
var examen = parseFloat(document.getElementById("examen").value);
var trabajo = parseFloat(document.getElementById("trabajo").value);

var notaFinal = (examen * 0.6) + (trabajo * 0.4);

if (notaFinal >= 5) {
document.getElementById("resultado").innerHTML = "¡El estudiante
ha aprobado la asignatura!";
} else {
document.getElementById("resultado").innerHTML = "El estudiante no
ha aprobado la asignatura.";
}
}
</script>
</head>
<body>
<h1>Calificación de Química</h1>

<label for="examen">Nota del examen:</label>


<input type="number" id="examen">

<br><br>

<label for="trabajo">Nota del trabajo:</label>


<input type="number" id="trabajo">

<br><br>

<button onclick="calcularNotaFinal()">Calcular nota final</button>

<br><br>

<p id="resultado"></p>
</body>
</html>

Respuesta instrucción 2: Código HTML-JavaScript para mostrar las tablas de multiplicar del uno al cinco:

<!DOCTYPE html>
<html>
<head>
<title>Tablas de multiplicar</title>
<script>
function mostrarTablas() {
var resultado = "";

for (var i = 1; i <= 5; i++) {


resultado += "<h2>Tabla del " + i + "</h2>";

for (var j = 1; j <= 10; j++) {


resultado += i + " x " + j + " = " + (i * j) + "<br>";
}
}

document.getElementById("tablas").innerHTML = resultado;
}
</script>
</head>
<body>
<h1>Tablas de multiplicar</h1>

<button onclick="mostrarTablas()">Mostrar tablas de multiplicar</button>

<div id="tablas"></div>
</body>
</html>
Respuesta instrucción 3: Código JavaScript para crear un objeto llamado "Producto" con cinco
propiedades:

var Producto = {
nombre: "Lápiz",
precio: 2.5,
cantidad: 10,
marca: "Faber-Castell",
categoria: "Material escolar"
};

Respuesta instrucción 4: Función jQuery para encontrar elementos por ID:

$(document).ready(function() {
function encontrarPorID(id) {
return $("#" + id);
}

// Uso de la función
var elemento = encontrarPorID("miElemento");
console.log(elemento);
});
REFERENCIAS BIBLIOGRÁFICAS
Texto de lectura de IACC:

IACC (2022). Programación JavaScript. Programación Web II. Semana 4.

Referencias:

Barzanallana, R. (2018). JAVASCRIPT [En línea].


https://www.um.es/docencia/barzana/DAWEB/Lenguajede-programacion-JavaScript-1.pdf

Colaboradores MDN (2022). Funciones [En línea]


https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Functions

Chuburu, L. (2020). Qué es JQuery y cómo implementarlo [En línea]


https://www.laurachuburu.com.ar/tutoriales/que-es-jquery-y-como-implementarlo.php

DelftStack (2021). Funciones anidadas en JavaScript [En línea]


https://www.delftstack.com/es/howto/javascript/function-within-a-function-javascript/

Eguiluz, J. (2022). Introducción a JavaScript [En línea] https://uniwebsidad.com/libros/javascript

García, J. (2022). Funciones en JavaScript [En línea] https://devcode.la/tutoriales/funciones-en-javascript/

Hernández, J. (2022). Lenguaje JavaScript [En línea] https://lenguajejs.com/javascript/

IACC. (2020a). JavaScript. Programación Web II. Semana 3

IACC. (2020b). JavaScript. Programación Web II. Semana 4.

Kantor, Y. (2022). Ámbito de variable y el concepto “closure” [En línea] https://es.javascript.info/closure

MDN plus (s.f). Expresiones y Operadores.


https://developer.mozilla.org/es/docs/Web/JavaScript/Guide/Expressions_and_Operators#expre siones.

También podría gustarte