Free Printable Recuperação I

1.

Complete o código a seguir:

Choose from the below words

stylesheet

style.css

script

index.html

main.js

2.

O código abaixo é um trecho de código HTML que cria um formulário web:

O que significa o caracter "#" nesse contexto?

a)

Indica que o formulário será processado na mesma página em que ele está.

b)

Envia os dados para ser processado no arquivo JavaScript

c)

Especifica como os dados do formulário serão enviados para o servidor

d)

Atribui um identificador único ao formulário

3.

Sobre essa linha de código:

Para que serve cada um dos atributos?

(a) : especifica o destino para onde os dados do formulário serão enviados após o envio

(b) : especifica como os dados do formulário serão enviados para o servidor.

(c) : atribui um identificador único ao formulário, que pode ser usado para referenciá-lo por meio de JavaScript ou CSS

Choose from the below words

action

method

id

#

form

post

4.

Sobre essa linha de código:

Para que serve cada um dos atributos?

(a) : tag HTML usada para criar elementos de entrada em um formulário.

(b) : eespecifica o tipo de entrada neste campo.

(c) : atribui um nome ao campo de entrada

Choose from the below words

input

type

id

name

number

5.

Sobre essa linha de código:

<div>

<label for="angulo">Ângulo (°)</label>

</div>

Para que serve cada uma dos tags e os atributos?

(a) : agrupar elementos e aplicar estilos a eles.

(b) : usada para criar rótulos descritivos para elementos de formulário, como campos de entrada.

Choose from the below words

div

label

for

number

6.

Analise o código a seguir

<button onclick="alert('O botão foi acionado!')" class="botao">CLIQUE AQUI</button>

a)

Quando o botão de classe “botao” for clicado, vai gerar um alerta com a mensagem: O botão foi acionado!

b)

Quando o botão de classe “botao” for clicado, aparecerá um alerta com a mensagem: CLIQUE AQUI

c)

Quando o botão de classe “CLIQUE AQUI” for clicado, vai aparecer um alerta com a mensagem: O botão foi acionado!

d)

Quando o botão de classe alert for clicado, vai aparecer um alerta com a mensagem: CLIQUE AQUI.

7.

Qual é a principal diferença entre os dois códigos HTML a seguir?

Código 1:

<button type="button" onclick="calcular()" id="calcular">Calcular</button>

Código 2:

<button type="button" id="calcular">Calcular</button>

a)

O primeiro botão tem um atributo "onclick" que define uma função JavaScript a ser executada quando clicado, enquanto o segundo botão não tem esse atributo no HTML

b)

Ambos os códigos são idênticos; não há diferença entre eles.O primeiro botão tem um ID "calcular", enquanto o segundo botão não tem um ID atribuído.

c)

Ambos os botões são idênticos em termos de semântica, não há diferença entre eles.

d)

O segundo botão é inativo e não pode ser clicado, enquanto o primeiro botão está ativo.

8.

Qual é o principal objetivo da tag <script> tag?

a)

Criar tabelas e listas, agrupando e organizando os conteúdos de uma página.

b)

Criar um botão interativo na página, permitindo ser clicado para realizar uma ação ou evento.

c)

Carregar o código JavaScript dentro do HTML.

d)

Definir a área principal do documento, onde a maior parte do conteúdo será inserida.

9.

Como é criada uma função em JavaScript?

(a) (b) (c) (d) (e)

Choose from the below words

function

calcular

()

{

}

10.

Como criar uma função que calcula a média de três trimestres:

(a) (b) () {

const nota1 = document.querySelector(''#1tri").value;

const nota2 = document.querySelector(''#2tri").value;

const nota3 = document.querySelector(''#3tri").value;

(c) (d) = (nota1+nota2+nota3) / 3;

}

Choose from the below words

function

calcular

const

media

11.

Organize os atributos para escrever a implementação da variável em JavaScript:

(a) x = (b) ( (c) . (d) (" (e) ").value);

Choose from the below words

const

Number

document

querySelector

#variavel

get

function

12.

O querySelector é a função que busca um elemento através do seu seletor.

Assinale a alternativa que representa o uso correto do seletor no JavaScript, buscando um elemento pelo ID correspondente:

a)

alert.querySelector(‘#velocidade’)

b)

document.querySelector('#velocidade')

c)

querySelector(‘#velocidade’)

d)

class.querySelector(‘.tecla_sol’)

13.

A partir dos códigos abaixo:

document.getElementById("variavel").innerText = "Variável: " + x.toFixed(2);

document.querySelector("#variavel").textContent = "Variável: " + x.toFixed(2);

Relacione o atributo com sua especificação

a)

getElementById

1.

seleciona um elemento com ID exclusivo

b)

querySelector

2.

seleciona um elemento a partir do CSS

c)

textContent

3.

retorna texto dentro do elemento

d)

innerText

4.

retorna o texto a partir do CSS

14.

Obeserve os códigos abaixo:

const mass1 = parseFloat(document.getElementById("mass1").value);

const mass1 = Number(document.querySelector("#mass1").value);

Qual a melhor definição para os elementos:

(a) : converter um valor em uma representação de número decimal

(b) : é usado para converter um valor em um número

Choose from the below words

parseFloat

Number

15.

Qual a diferença prática entre esses dois códigos?

console.log(`x: ${resultado}`);

document.querySelector("#x").textContent = "x: " + x.toFixed(2);

(a) : é usada para depuração e registro de informações no console do navegador,

(b) : é usada para exibir informações diretamente na página da web

Choose from the below words

document.querySelector

console.log

Recuperação I - Programação

Total questions: 15

Worksheet time: 1hrs 1mins

Similar Resources on Wayground