Explorando Funções e Listas

Question 1

Qual é a função do document.querySelector() no JavaScript?

Answer 1

O document.querySelector() é usado para selecionar um elemento HTML específico no documento, permitindo que você o manipule.

Question 2

O que significa innerHTML e como é utilizado?

Answer 2

innerHTML é uma propriedade que permite acessar ou modificar o conteúdo HTML interno de um elemento. É usado para inserir texto ou HTML dentro de um elemento selecionado.

Question 3

Por que é importante usar elementos HTML ao invés de alertas para interação com o usuário?

Answer 3

Usar elementos HTML proporciona uma experiência de usuário mais fluida e realista, evitando interrupções constantes que os alertas causam.

Question 4

Como você selecionaria um parágrafo (<p>) no JavaScript?

Answer 4

Você pode selecionar um parágrafo usando let paragrafo = document.querySelector(‘p’);.

Question 5

O que deve ser feito para alterar o texto de um título (<h1>) no HTML usando JavaScript?

Answer 5

Você deve selecionar o título com document.querySelector(‘h1’) e, em seguida, usar titulo.innerHTML = ‘Novo texto’; para alterar seu conteúdo.

Question 6

O que é a tag <h1> e qual é sua importância no HTML?

Answer 6

A tag <h1> é usada para definir o título principal de uma página. É importante para SEO e acessibilidade, pois indica a hierarquia do conteúdo.

Question 7

O que acontece se você não usar o “S” maiúsculo em querySelector()?

Answer 7

Se você não usar o “S” maiúsculo, o código não funcionará, pois JavaScript é case sensitive e não reconhecerá a função.

Question 8

Qual é a diferença entre innerHTML e textContent?

Answer 8

innerHTML permite inserir HTML dentro de um elemento, enquanto textContent insere apenas texto, ignorando qualquer HTML.

Question 9

Como você seleciona um elemento HTML com uma classe específica usando JavaScript?

Answer 9

Você pode usar document.querySelector(‘.nome-da-classe’) para selecionar o primeiro elemento que possui a classe especificada.

Question 10

O que é o atributo onclick?

Answer 10

O atributo onclick é um evento HTML que permite executar uma função JavaScript quando um elemento, como um botão, é clicado.

Question 11

Como se utiliza o atributo onclick em um botão HTML?

Answer 11

O atributo onclick é adicionado ao elemento do botão, seguido do nome da função que deve ser chamada entre aspas. Exemplo: <button>Chutar</button>.

Question 12

O que acontece quando o botão com onclick é clicado?

Answer 12

Quando o botão é clicado, a função especificada no atributo onclick é executada, permitindo que ações sejam realizadas no JavaScript.

Question 13

Qual é a importância de usar onclick corretamente?

Answer 13

Usar onclick corretamente é importante para garantir que a interação do usuário com a interface da aplicação funcione como esperado, acionando as funções desejadas.

Question 14

É possível adicionar múltiplas ações ao onclick?

Answer 14

Sim, é possível adicionar múltiplas ações separando-as por ponto e vírgula dentro do atributo onclick. Exemplo: <button>Clique aqui</button>.

Question 15

Como se declara uma função em JavaScript?

Answer 15

Uma função é declarada utilizando a palavra-chave function, seguida do nome da função e um par de parênteses, com o corpo da função entre chaves. Exemplo: function nomeDaFuncao() { /* corpo da função */ }.

Question 16

Qual é a estrutura básica de uma função em JavaScript?

Answer 16

function nomeDaFuncao() {
// corpo da função
}

Question 17

O que deve ser incluído no corpo da função?

Answer 17

No corpo da função, você pode incluir qualquer código JavaScript que execute uma ação, como variáveis, condicionais, loops e chamadas a outras funções.

Question 18

O que significa que uma função deve ter uma única responsabilidade?

Answer 18

Significa que cada função deve realizar apenas uma tarefa específica, tornando o código mais organizado e fácil de entender e testar.

Question 19

Como você pode testar se uma função está funcionando corretamente?

Answer 19

Você pode testar uma função utilizando console.log() dentro do corpo da função para imprimir mensagens ou valores no console, confirmando que a função foi chamada e executada.

Question 20

O que acontece se você tentar chamar uma função que não foi declarada?

Answer 20

Se você tentar chamar uma função que não foi declarada, o JavaScript gerará um erro de referência, informando que a função não está definida.

Question 21

Você está lidando com a interação entre o HTML e o JavaScript para tornar a interface de usuário mais dinâmica e interativa. No entanto, você gostaria de mudar o título do seu aplicativo de forma dinâmica com o JavaScript.

Qual código JavaScript você usaria para alterar o texto exibido no cabeçalho da sua página (elemento h1) para Bem-vindo ao mundo dev?

Answer 21

let titulo = document.querySelector(‘h1’);
titulo.innerHTML = ‘Bem-vindo ao mundo dev’;

Question 22

O que é HTML?

Answer 22

HTML (HyperText Markup Language) é a linguagem de marcação utilizada para estruturar o conteúdo de uma página web.

Question 23

Qual é a função do CSS?

Answer 23

CSS (Cascading Style Sheets) é a linguagem de estilos responsável pela apresentação e estilização dos elementos de uma página.

Question 24

O que o JavaScript faz em uma página web?

Answer 24

JavaScript é a linguagem de programação que adiciona interatividade e dinamismo, permitindo funcionalidades como animações e validações de formulários.

Question 25

Como o HTML, CSS e JavaScript se complementam no desenvolvimento web?

Answer 25

O HTML estrutura o conteúdo, o CSS define o estilo e o layout, e o JavaScript adiciona funcionalidades dinâmicas.

Question 26

Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio:

Answer 26

let titulo = document.querySelector('h1'); titulo.innerHTML = 'Hora do Desafio';

Question 27

Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado: Console

Answer 27

function exibirMensagemNoConsole() { console.log('O botão foi clicado!') }

Question 28

Crie uma função que exiba um alerta com a mensagem: Eu amo Js, sempre que o botão Alerta for pressionado: Alert

Answer 28

function exibirAlerta() { alert('Eu amo Js') }

Question 29

Crie uma função que é executada quando o botão prompt é clicado, perguntando o nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem concatenando a resposta com o texto: Estive em {cidade} e lembrei de você: Prompt

Answer 29

function exibirPrompt() { let nomeDaCidade = prompt('Digite o nome de uma cidade do Brasil que você gosta muito:') alert(`Estive em ${nomeDaCidade} e lembrei de você`) }

Question 30

Ao clicar no botão soma, peça 2 números e exiba o resultado da soma em um alerta. Soma

Answer 30

function somandoDoisNumeros() { let primeiroNumero = parseInt(prompt('Digite o primeiro número')); let segundoNumero = parseInt(prompt('Digite o segundo número')); let resultado = primeiroNumero + segundoNumero; alert(`${primeiroNumero} + ${segundoNumero} = ${resultado}`) }

Question 31

O que é uma função em JavaScript?

Answer 31

Uma função é um bloco de código que pode ser definido uma vez e executado sempre que necessário, permitindo reutilização e organização do código.

Question 32

O que são parâmetros em uma função?

Answer 32

Parâmetros são variáveis que permitem que você passe informações para uma função quando ela é chamada, possibilitando que a função opere com diferentes valores.

Question 33

Como se define uma função com parâmetros em JavaScript?

Answer 33

Uma função com parâmetros é definida usando a palavra-chave function, seguida pelo nome da função, parênteses com os parâmetros e um bloco de código entre chaves. Exemplo: function nomeDaFuncao(param1, param2) { /* código */ }.

Question 34

Como se chama uma função com parâmetros?

Answer 34

Para chamar uma função com parâmetros, você usa o nome da função seguido de parênteses, passando os argumentos correspondentes. Exemplo: nomeDaFuncao(valor1, valor2);.

Question 35

Qual é a vantagem de usar funções com parâmetros?

Answer 35

A vantagem é que você pode reutilizar a mesma função para diferentes entradas, tornando o código mais eficiente e reduzindo a repetição.

Question 36

O que acontece se você não passar o número correto de argumentos para uma função?

Answer 36

Se você não passar o número correto de argumentos, os parâmetros que não recebem valores ficarão como undefined, e a função ainda será executada, mas pode não funcionar como esperado.

Question 37

Como podemos passar múltiplos parâmetros para uma função?

Answer 37

Você pode passar múltiplos parâmetros separando-os por vírgulas dentro dos parênteses da função. Exemplo: function exibirTexto(tag, texto) { /* código */ }.

Question 38

Como armazenamos o valor retornado da função gerarNumeroAleatorio?

Answer 38

Utilizamos a linha let numeroSecreto = gerarNumeroAleatorio(); para chamar a função e armazenar o número gerado na variável numeroSecreto.

Question 39

O que é a palavra-chave return em uma função?

Answer 39

A palavra-chave return é utilizada para indicar que a função deve devolver um valor ao local onde foi chamada.

Question 40

Qual é a função do return em uma função com retorno?

Answer 40

O return encerra a execução da função e envia o valor especificado de volta para quem chamou a função.

Question 41

O que acontece se não utilizarmos return em uma função que deveria retornar um valor?

Answer 41

Se não utilizarmos return, a função não devolverá nenhum valor, resultando em undefined quando chamada.

Question 42

Como podemos usar o valor retornado por uma função?

Answer 42

Podemos armazenar o valor retornado em uma variável ou utilizá-lo diretamente em expressões, como em console.log(gerarNumeroAleatorio());.

Question 43

É possível ter múltiplos return em uma única função?

Answer 43

Sim, podemos ter múltiplos return em uma função, mas apenas um deles será executado em cada chamada, encerrando a função imediatamente.

Question 44

O que é um campo de input em HTML?

Answer 44

Um campo de input é um elemento que permite ao usuário inserir dados, como números ou texto, em um formulário.

Question 45

Como capturamos o valor inserido em um campo de input no JavaScript?

Answer 45

Usamos document.querySelector('input').value para obter o valor inserido pelo usuário.

Question 46

Por que usamos .value ao capturar o valor de um input?

Answer 46

Usamos .value para obter apenas o valor inserido pelo usuário, em vez de todo o HTML do campo.

Question 47

O que acontece se não usarmos .value ao capturar um input?

Answer 47

Se não usarmos .value, estaremos capturando o elemento HTML completo, não o valor que o usuário digitou.

Question 48

O que é um tipo booleano em programação?

Answer 48

O tipo booleano é um tipo de dado que pode ter apenas dois valores: verdadeiro (true) ou falso (false).

Question 49

O que significa um resultado true em uma comparação?

Answer 49

Um resultado true indica que a condição comparada é verdadeira.

Question 50

O que significa um resultado false em uma comparação?

Answer 50

Um resultado false indica que a condição comparada é falsa.

Question 51

A anatomia de uma função em JavaScript é composta por diversas partes que definem seu comportamento. É importante compreender esses elementos para criar funções reutilizáveis e modularizar o código de forma eficiente. Assim, conhecer a estrutura das funções em JavaScript é fundamental para dominar a linguagem e desenvolver aplicações complexas de forma organizada e funcional. Com base no que vimos nesta aula, analise as afirmações abaixo e marque apenas as opções verdadeiras sobre funções. a)As funções em JavaScript podem ter um nome. b)Palavra-chave function: É usada para declarar uma função em JavaScript. c)Corpo da função []: O corpo da função é delimitado por colchetes e contém o código que será executado quando a função for chamada. d)Parênteses (): Após o nome da função (se houver), os parênteses são usados para definir os parâmetros da função. e)Palavra-chave return é obrigatória: A palavra-chave return é usada para especificar o valor que a função deve retornar após ser executada.

Answer 51

a)As funções em JavaScript podem ter um nome. As funções em JavaScript podem ter um nome. Na verdade, é uma prática comum dar um nome descritivo às funções para facilitar a leitura e o entendimento do código. Esses nomes são usados para chamar a função posteriormente ou para se referir a ela dentro do próprio código, permitindo que você reutilize a função em diferentes partes do programa. b)Palavra-chave function: É usada para declarar uma função em JavaScript. Isso! Toda função em JavaScript é declarada utilizando a palavra-chave function. Essa palavra-chave é utilizada para criar uma função. d)Parênteses (): Após o nome da função (se houver), os parênteses são usados para definir os parâmetros da função. Os parênteses em uma função no JavaScript são usados para conter os argumentos que a função recebe, permitindo a passagem de informações para a função e influenciando seu comportamento e resultados.

Question 52

Você é uma pessoa desenvolvedora de software que trabalha com JavaScript e precisa criar uma função que verifique se um número é positivo, negativo ou zero. Sua tarefa é implementar uma função que recebe como parâmetro um número inteiro e exibe uma mensagem no console conforme as seguintes regras: Se o número for maior que zero, a mensagem deve ser: "O número é positivo." Se o número for menor que zero, a mensagem deve ser: "O número é negativo." Se o número for igual a zero, a mensagem deve ser: "O número é zero." Você pode utilizar a estrutura de controle if-else para verificar as condições e exibir a mensagem correspondente no console. Sabendo disso, analise as alternativas abaixo e marque aquela que possui o código que atende todas as regras citadas acima.

Answer 52

function verificarNumero(numero) { if (numero > 0) { console.log("O número é positivo."); } else if (numero < 0) { console.log("O número é negativo."); } else { console.log("O número é zero."); } }

Question 53

Criar uma função que exibe "Olá, mundo!" no console.

Answer 53

function exibirOla() { console.log("Olá, mundo!"); } exibirOla();

Question 54

Criar uma função que recebe um nome como parâmetro e exibe "Olá, [nome]!" no console.

Answer 54

function exibirOlaNome(nome) { console.log(`Olá, ${nome}!`); } exibirOlaNome("Alice");

Question 55

Criar uma função que recebe um número como parâmetro e retorna o dobro desse número.

Answer 55

function calcularDobro(numero) { return numero * 2; } let resultadoDobro = calcularDobro(5); console.log(resultadoDobro);

Question 56

Criar uma função que recebe três números como parâmetros e retorna a média deles.

Answer 56

function calcularMedia(a, b, c) { return (a + b + c) / 3; } let media = calcularMedia(4, 7, 10); console.log(media);

Question 57

Criar uma função que recebe dois números como parâmetros e retorna o maior deles.

Answer 57

function encontrarMaior(a, b) { return a > b ? a : b; } let maiorNumero = encontrarMaior(15, 9); console.log(maiorNumero); ou function retornarMaior(a,b){ if(a > b) { return a; } else { return b; } } let maiorNumero = retornarMaior(15,26); console.log(maiorNumero);

Question 58

Criar uma função que recebe um número como parâmetro e retorna o resultado da multiplicação desse número por ele mesmo.

Answer 58

function quadrado(numero) { return numero * numero; } let resultado = quadrado(2); console.log(resultado);