Working Together pt-br Explainer

Puzzle Explainer
#1

Explicação de Trabalho conjunto

Objetivo do desafio: Usar HTML, CSS e JavaScript juntos.

Passo a passo da solução: Neste desafio, você usará HTML para adicionar um elemento a uma página, CSS para estilizar o elemento, e JavaScript para modificá-lo.

Para concluir a parte HTML do desafio, navegue até a guia HTML e adicione uma 2ª tag <h1> com o texto “Não gostei”.

Para concluir a parte do CSS, altere a propriedade color no conjunto de regras h1 para algo diferente de blue. É possível usar valores RGB (por exemplo: rgb(50, 100, 0) ou uma das 140 cores integradas do CSS.

Para concluir a parte do JS, mude o textContent de likes para uma string diferente, por exemplo: 'I used HTML, CSS, and JS'.

Solução do código de exemplo:

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!';

Conceitos de JavaScript: Objeto do documento, document.getElementById, propriedade .textContent

Conceitos de HTML: Elemento de cabeçalho h1, Elemento de corpo

Conceitos de CSS: Conjunto de regras, Regra, Seletor, color propriedade