La numeración del ejercicio es indicativa del nivel de dificultad, desde el más sencillo hasta el más complicado. Si tienes algún comentario, duda o sugerencia: escríbenos a info@bloginnovazione.it
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function onMouseClick() {
document.getElementById("parag").style.fontWeight = "bold";
document.getElementById("parag").style.backgroundColor = "yellow";
}
function onMouseOverEvent() {
document.getElementById("parag").style.textDecoration = "underline";
document.getElementById("parag").style.backgroundColor = "orange";
}
function onMouseOutEvent() {
document.getElementById("parag").style.fontSize = "16px";
document.getElementById("parag").style.backgroundColor = "lightblue";
}
</script>
</head>
<body>
<p id="parag" >
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input {
margin: 20px;
margin-bottom: 30px;
}
.box-1 {
display: flex;
justify-content: center;
align-items: center;
}
.box {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
button {
padding: 5px;
width: 75px;
}
.container{
margin: 250px;
}
</style>
<script>
function onClick() {
let num1 = document.getElementById("num1").value;
let num2 = document.getElementById("num2").value;
let result;
if (!isNaN(num1) && !isNaN(num2)) {
result = parseFloat(num1) + parseFloat(num2);
} else {
result = num1 + num2;
}
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<div class="container">
<div class="box-1">
<input id="num1" type="text" placeholder="Insert num or text . . .">
<input id="num2" type="text" placeholder="Insert num or text . . .">
</div>
<div class="box">
<button >
BlogInnovazione.it
El compromiso de los correos electrónicos de las empresas aumentó más del doble en los primeros tres meses de 2024 en comparación con el último trimestre de…
El principio de segregación de interfaces es uno de los cinco principios SÓLIDOS del diseño orientado a objetos. Una clase debería tener...
Microsoft Excel es la herramienta de referencia para el análisis de datos, porque ofrece muchas funciones para organizar conjuntos de datos,…
Walliance, SIM y plataforma líder en Europa en el campo del Crowdfunding Inmobiliario desde 2017, anuncia la finalización…
Filament es un marco de desarrollo "acelerado" de Laravel que proporciona varios componentes completos. Está diseñado para simplificar el proceso de...
«Debo volver para completar mi evolución: me proyectaré dentro del ordenador y me convertiré en energía pura. Una vez instalado…
Google DeepMind presenta una versión mejorada de su modelo de inteligencia artificial. El nuevo modelo mejorado proporciona no sólo...
Laravel, famoso por su sintaxis elegante y potentes funciones, también proporciona una base sólida para la arquitectura modular. Allá…