JavaScript básico

Question 1

Lâmpada ligar e desligar

Answer 1

HTML
.<button .onclick=”acender()”>Acender</button>
. <img id=”lampada” .src=”lampada_desligada.gif” alt=””>
.<button .onclick=”apagar()”>Apagar</button>

JavasScript

function acender() {
document.querySelector(“#lampada”).src = “lampada_ligada.gif”
}

function apagar() {
document.querySelector(“#lampada”). src = “lampada_desligada.gif”
}

Question 2

Operadores aritméticos

Answer 2

JavaScript

// Adiçaõ//

let a = 20
let b = 32
let c = a + b
console.log(c)

// Subtrção//

let d = 213
let e = 153
let f = d - e
console.log(f)

//Multiplicação//

let g = 65
let h = 3
let i = g * h
console.log(i)//

// Divisão//

let j = 757
let k = 6
let l = j / k
console.log(l)

// incremento//

let m = 20
m++
console.log(m)

// decremento//

let n = 54
n++
console.log(n)

//Atribuição//

let o = 32
o += 43
console.log(o)

Question 3

Operadores comparativos

Answer 3

// Adiçaõ//

let a = 20
let b = 32
let c = a + b
console.log(c)

// Subtrção//

let d = 213
let e = 153
let f = d - e
console.log(f)

//Multiplicação//

let g = 65
let h = 3
let i = g * h
console.log(i)//

// Divisão//

let j = 757
let k = 6
let l = j / k
console.log(l)

// incremento//

let m = 20
m++
console.log(m)

// decremento//

let n = 54
n++
console.log(n)

//Atribuição//

let o = 32
o += 43
console.log(o)

Question 4

Operações logicas parseInt converte string em numero

Answer 4

let promptNota1 = prompt(“Digite sua primeria nota”)
let promptNota2 = prompt(“Digite sua segunda nota”)

let nota1 = parseInt(promptNota1)
let nota2 = parseInt(promptNota2)

let mediaMinima = 7

let media = (nota1 + nota2) / 2
console.log(media)

if(media >= mediaMinima) {
console.log(“Você passou de ano”)

} else if (media === mediaMinima) {
console.log(“Você quase não passou de ano”)

} else {
console.log(“Você infelizmente não passou de ano”)
}

if(media >= mediaMinima && media === 10) {
console.log(“Você foi muito bem”)
}

//parseInt converte elementos em numeros//

Question 5

Switch

Answer 5

let mes = prompt()

switch(mes){
case “Janeiro”:
case “Fevereiro”:
case “Março”:
console.log(“Verão”)
break

case "Abril":
case "Maio":
case "Junho":
    console.log("Outono")
    break

case "Julho":
case "Agosto":
case "Setembro":
    console.log("Inverno")
    break

case "Outubro":
case "Novembro":
case "Dezembro":
    console.log("primavera")
    break }

Question 6

Laço de Repetição - FOR

Answer 6

HTML

<label>Selecione seu ano de nascimento </label>
<br></br><br></br>

<select id="ano">
    <option>Selecione</option>
</select>

<ul id="clientList"></ul>

<ul id="tabela"></ul>

<script src="script.js"></script>

Javascript

let opcoes

for(let timer = 2010; timer >= 1970; timer–) {
opcoes += <option>${timer}</option>
}

document.querySelector(“#ano”).innerHTML = opcoes

let lista = “”

let clients = [“Taylor”, “Vitor”, “Maicon”, “Alessandro”]

for(let count = 0; count <= clients.length - 1 ; count++) {
lista += <li>${clients [count]}</li>
}

document.querySelector(“#clientList”).innerHTML = lista

let numeros = “”

let eu = prompt(“dedede”)

let listNumbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

for(let i = 0 ; i <= listNumbers.length - 1; i++) {
numeros += <li>${listNumbers [i] * eu}</li>
}

document.querySelector(“#tabela”).innerHTML = numeros

Question 7

Laço de Repetição - FOR … OF

Answer 7

HTML

.<ul id="listaClientes">
. <li>
. <b>Nome:</b>Taylor<br></br>
. <b>idade:</b> 22<br></br>
. <b>Linguagens</b>
. <ul>
. <li>JavaScript</li>
. <li>TypeScript</li>
. <li>PHP</li>
. </ul>
.</li>
.</ul>

JAVASCRIPT

let clientes = [
{
nome: “Taylor”,
idade: 22,
linguagens: [“JavaScript”, “TypeScript”, “PHP”]
},

{
nome: “Guilherme”,
idade: 25,
linguagens: [“PHP”, “C#”, “C++”]
},

{
nome: “Breno”,
idade: 29,
linguagens: [“R”, “Ruby”, “Assembly”]
}
]

let htmlClients = “”

for(let cliente of clientes) {

let listLinguagens = “”

for(let linguagen of cliente.linguagens) {
listLinguagens += <li>${linguagen}</li>
}

htmlClients += `
<li>
<b>Nome:</b>${cliente.nome}<br></br>
<b>idade:</b>${cliente.idade}<br></br>
<b>Linguagens</b>
<ul>
${listLinguagens}
</ul>
</li>`
}

document.querySelector(“#listaClientes”).innerHTML = htmlClients

Question 8

Laço de Repetição - WHILE

Answer 8

let contador = 0

while(contador < 100) {
console.log(“Hello world”)
contador++
}

Question 9

Functions

Answer 9

HTML

<button>Hellow world</button>

<button onclick="escrevendoNoConsole('Informações enviadass')">Enviar</button>

<button onclick="escrevendoNoConsole('Tudos os dados confirmados')">Confirmação</button>

JAVASCRIPT

function escrevendoNoConsole(message) {
console.log(message)
}

Answer 10

function escrevendoNoConsole(message) {
console.log(message)
}

Question 11

Functions - return

Answer 11

JAVASCRIPT

function soma(num1, num2) {
return num1 + num2
}

let igual = soma(10, 29)

console.log(igual)

function milhasEmKm(milhas) {
let km = milhas * 1.6

return km }

let resultado = milhasEmKm(80)

console.log(resultado)