Working Together es-419 Explainer

Explicador de Trabajo conjunto

Objetivo de este acertijo: Usar HTML, CSS y JavaScript juntos.

Tutorial de la solución: En este acertijo, usarás HTML para agregar un elemento a una página, CSS para dar estilo al elemento y JavaScript para modificarlo.

Para completar la parte de HTML del acertijo, navega hacia la pestaña de HTML y agrega una segunda etiqueta <h1> con el texto “No me gusta”.

Para completar la parte de CSS, cambia la propiedad color en el conjunto de reglas h1 a algo que no es blue. Puedes usar valores RVA (por ejemplo: rgb(50, 100, 0) o uno de los 140 colores CSS incorporados.

Para completar la parte de JS, cambia textContent de likes a un string diferente, por ejemplo: 'I used HTML, CSS, and JS'.

Solución del código de ejemplo:

HTML

<html>
    <body>
        <h1 id='likes'>Likes</h1>
        <h1>Dislikes</h1>
    </body>
</html>

CSS

body {
    background-color: white;
}

h1 {
    color: red;
}

JavaScript

let likes = document.getElementById('likes');
likes.textContent = 'I used HTML, CSS, and JS!';

Conceptos de JavaScript: objeto de documento, document.getElementById, propiedad .textContent
Conceptos de HTML: h1 elemento del encabezado, elemento del cuerpo
Conceptos de CSS: conjunto de reglas, regla, selector, propiedad color