Programação html, css e javascript

Qual é a maneira correta de acessar um elemento com o ID "meuElemento" no DOM usando JavaScript?

• `document.getElementById("meuElemento")`

• `document.getElementsByClassName("meuElemento")`

• `document.querySelector(".meuElemento")`

• `document.getElementsByTagName("meuElemento")`

Answer explanation

A maneira correta de acessar um elemento pelo ID é usando `document.getElementById("meuElemento")`, pois este método retorna o elemento único que possui o ID especificado. As outras opções não são adequadas para IDs.

Qual propriedade CSS é usada para definir a cor de fundo de um elemento?

• `color`

• `background-color`

• `text-color`

• `font-color`

Answer explanation

A propriedade CSS `background-color` é utilizada para definir a cor de fundo de um elemento. As outras opções, como `color`, se referem à cor do texto, enquanto `text-color` e `font-color` não são propriedades válidas.

Qual evento JavaScript é acionado quando um usuário clica em um elemento?

• `onclick`

• `onmouseover`

• `onchange`

• `onload`

Answer explanation

O evento `onclick` é acionado quando um usuário clica em um elemento, permitindo que ações sejam executadas em resposta a esse clique. Os outros eventos mencionados têm funções diferentes, como `onmouseover` para passar o mouse.

Qual atributo HTML é usado para especificar o valor inicial de um campo de entrada em um formulário?

• `value`

• `name`

• `type`

• `placeholder`

Answer explanation

O atributo `value` é utilizado para definir o valor inicial de um campo de entrada em um formulário HTML. Os outros atributos, como `name`, `type` e `placeholder`, têm funções diferentes e não especificam o valor inicial.

Qual unidade de medida CSS é relativa à altura da viewport?

• `px`

• `em`

• `vh`

• `pt`

Answer explanation

A unidade de medida `vh` é relativa à altura da viewport, onde 1vh representa 1% da altura total da janela de visualização. As outras opções, como `px`, `em` e `pt`, não são relativas à altura da viewport.

Qual método JavaScript é usado para adicionar um novo nó filho a um elemento pai?

• `appendChild()`

• `insertBefore()`

• `replaceChild()`

• `removeChild()`

Answer explanation

O método `appendChild()` é utilizado para adicionar um novo nó filho a um elemento pai no DOM. As outras opções, como `insertBefore()`, `replaceChild()` e `removeChild()`, têm funções diferentes relacionadas à manipulação de nós.

Qual propriedade CSS é usada para criar um layout flexível?

• `display: block`

• `display: inline`

• `display: flex`

• `display: grid`

Answer explanation

A propriedade CSS `display: flex` é utilizada para criar um layout flexível, permitindo que os elementos filhos se ajustem e se distribuam de maneira eficiente dentro de um contêiner. As outras opções não oferecem essa funcionalidade.

Qual evento JavaScript é acionado quando um campo de entrada é alterado?

• `oninput`

• `onchange`

• `onfocus`

• `onblur`

Answer explanation

O evento `onchange` é acionado quando o valor de um campo de entrada é alterado e o foco é perdido. O `oninput` também detecta alterações, mas é acionado imediatamente ao digitar. Portanto, a resposta correta é `onchange`.

Qual elemento HTML é usado para criar uma caixa de seleção em um formulário?

• ``

• ``

• ``

• ``

Answer explanation

O elemento HTML `` é utilizado para criar uma caixa de seleção em um formulário, permitindo que os usuários escolham uma ou mais opções. As outras opções não servem para esse propósito.

Qual propriedade CSS é usada para definir a opacidade de um elemento?

• `visibility`

• `opacity`

• `filter`

• `display`

Answer explanation

A propriedade CSS `opacity` é utilizada para definir a opacidade de um elemento, permitindo que você controle a transparência. Valores variam de 0 (totalmente transparente) a 1 (totalmente opaco). As outras opções não têm essa função.