Primer ciclo
3 cursos · Pasa el cursor para ver más
Portafolio de estudiante
Bienvenido a AleGa info. Esta página es para introducir y probar mis conocimientos básicos, intermedios y avanzados en los distintos cursos que vaya haciendo a lo largo de la carrera.
Carrera
Pasa el cursor (o toca) una tarjeta para ver sus cursos.
3 cursos · Pasa el cursor para ver más
Cinco cursos
Cinco cursos
Cinco cursos
Cinco cursos
Cinco cursos
Laboratorio
Pruébalo en la tarjeta de al lado. Esto es lo que pasa por dentro:
onclick="modificar()", que llama a la función al hacer clic.document.getElementById() selecciona el elemento que quiero cambiar.style o su innerHTML, y la página se actualiza sin recargar.Este cuadro va a cambiar de color, de título y de contenido usando JavaScript.
Además de estudiar, diseño y desarrollo páginas web a medida. Cuéntame qué necesitas y lo conversamos.
<h1 id="titulop">Pagina de inicio</h1> <p id="parrafo">Esta pagina es para introducir y probar mis conocimientos basicos en programacion...</p> <button id="boton1" onclick="modificar()">¿Como hacer un boton con funcion?</button> <button id="boton2" onclick="limpiar()">limpiar</button> <script src="javascript/index.js"></script>
function modificar(){
let caja;
caja=document.getElementById("contenedor"); //esto selecciona mediante el ID, lo que quieres modificar
caja.style.backgroundColor="gray" //esto es una modificacion
let titulo=document.getElementById("titulop");
titulo.innerHTML="¿Como hiciste esto?"
let parrafo=document.getElementById("parrafo");
parrafo.innerHTML="Bueno, la explicacion esta en la siguiente imagen:"
}
function limpiar(){
let caja;
caja=document.getElementById("contenedor");
caja.style.backgroundColor=""
let titulo=document.getElementById("titulop");
titulo.innerHTML="Pagina de inicio"
}