Classificação
0 %
Popularidade
Opine
Descrição:
Você já entendeu como funciona o DOM com JavaScript? Você sabe criar funções em JavaScript? Consegue ligar uma função a um …
se louco tem curso pago que nao tem a qualidade de ensino desse aqui
Up 12/2022
Galera alguem podia me ajudar, to fazendo um codigo de uma tabela de operações basica para praticar essa aula, a soma e a subtração deram certo mas por algum motivo que não consigo descobrir a multiplicação e a divisão nao, oq pode ser?
Depois de terminar a aula, comecei a mexer com essas operações.
Fui fazendo a subtração, divisão, módulo, multiplicação, potenciação e porcentagem!
Atenção
Pra quem tem a mesma dificuldade que eu(eu não tenho pc), há uma maneira de fazer os exercicios pelo celular, existe um app chamado: Editor de codigos, na playstore mesmo.
Nesse app da pra fazer tudo, e vc tb pode até testar o seu codigo na hora, é tipo um VSC pra celular, só não da pra usar a extenção whatincrhome, mas de resto da pra fazer tudo.
Espero ter ajudado, é relmente muito ruim não ter pc😣
Muito boa a aula!
alguém sabe me explicar por que ele colocou tn1 e tn2 sendo que ambos não funcionam como está descrito no código dele.
Nao acho complicado eu acho q eu complico eu assito tudo e entendo soq na ultima eu fiquei 2:30 no getElementsByTagName porq eu n botava o "By" eu fiquei tentano resolver vendo a parte do zero quando eu vi q n tinha o "By" eu fiquei sem reaçao terminei o vidio sem acredita q demorei por isso
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>senha</title>
<style>
body{
background-color: white;
font: normal 30px arial;
color: rgb(0, 0, 0);
}
h1{
background-color: rgb(0, 0, 0);
color: white;
}
input{
height: 30px;
width: 300px;
}
</style>
</head>
<body>
<h1>Digite uma senha</h1>
<p> Digite uma senha </p>
<input type="text" id = 't1'>
<p>Digite sua senha</p>
<input type="text" id = 't2'>
<input type="button" value = 'Verificar' onclick = "verificar()">
<script>
function verificar(){
var s1 = document.getElementById(t1)
var s2 = document.getElementById(t2)
s1 == s2 ? document.body.style.backgroundColor = 'green' : document.body.style.backgroundColor = 'red'
}
</script>
</body>
</html> Eu tentei fazer tipo uma senha, você digita na primeira linha e tem que digitar igual na segunda, se você digita igual, o papel de parede fica verde, se digita diferente fica vermelho, mas tá sempre ficando verde, até quando tá diferente. Alguém pode ajudar?
GALERA, QUANDO EU CLICO, O TEXTO NAO ESTA ALTERANDO, ALGUEM SABE ME DIZER O QUE PODE SER?
<body>
<div id="area" onclick="clicar">
interaja…
</div>
<script>
function clicar(){
var a = window.document.getElementById('area')
a.innerText = 'clicou!'
}
</script>
</body>
Obrigado mestre!
top demais… Aproveitando o exercicio dessa aula, acrescentei outras operações aritimeticas. Aqui vai o código completo:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Somando Valores – Parte 3</title>
<style>
body {
background-color: blue;
color: white;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
input {
display: block;
margin: auto;
}
div.inputs {
margin-bottom: 10px;
}
button {
margin-top: 10px;
background-color: #00005c;
color: white;
width: 100px;
height: 30px;
border: 1px solid gray;
font-size: 1em;
}
button:hover {
cursor: pointer;
background-color: #0000be;
}
</style>
</head>
<body>
<h1>Calculando Valores</h1>
<div class="inputs">
<label for="n1">Informe o 1° número:</label>
<input type="number" name="n1" id="n1">
</div>
<div class="inputs">
<label for="n2">Informe o 2°° número:</label>
<input type="number" name="n2" id="n2">
</div>
<button id="somar" onclick="calc()">Calcular</button>
<p id="soma"></p>
<p id="subtra"></p>
<p id="mult"></p>
<p id="divisao"></p>
<p id="pot"></p>
<p id="rdd"></p>
<script>
function calc() {
let n1 = Number(document.querySelector('input#n1').value) // Pega o valor que foi inserido no input e já converte para number
let n2 = Number(document.querySelector('input#n2').value) // Pega o valor que foi inserido no input e já converte para number
let soma = n1+n2
let subtra = n1-n2
let mult = n1*n2
let divisao = n1/n2
let pot = n1**n2
let rdd = n1%n2
document.querySelector('p#soma').innerHTML = `Resultado da soma é: <strong>${soma}</strong>`
document.querySelector('p#subtra').innerHTML = `Resultado da subtração é: <strong>${subtra}</strong>`
document.querySelector('p#mult').innerHTML = `Resultado da multiplicação é: <strong>${mult}</strong>`
document.querySelector('p#divisao').innerHTML = `Resultado da divisão é: <strong>${divisao}</strong>`
document.querySelector('p#pot').innerHTML = `Resultado da potenciação é: <strong>${pot}</strong>`
document.querySelector('p#rdd').innerHTML = `Resultado do resto de divisão é: <strong>${rdd}</strong>`
}
</script>
</body>
</html>
Galera, meu navegador nao está lendo a var dentro do placeholder. quando coloco para rodar aparece como string ${a var escrita aqui}, alguém sabe o que pode ser? Tô usando o live server e está atualizado!! =(
Show! Estou acompanhando…
Mandar meu codigo aqui pra voces fui um pouco mais pra ve se conseguia fazer uma media e deu bom!! qualquer sugestão e ou dicas manda ai vai ser muito bem vindo!!
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Somando numeros</title>
<style>
body{
font: normal 20pt Arial;
}
input{
font: normal 20pt Arial;
}
div#res{
margin-top: 20px;
}
</style>
</head>
<body>
<h1>Somando Valores</h1>
<input type="number" name="txtn1" id="txtn1">
<input type="number" name="txtn2" id="txtn2">
<input type="number" name="txtn3" id="txtn3">
<input type="number" name="txtn4" id="txtn4">
<input type="button" value="Somar" onclick="Somar()">
<div id="res">Resultado</div>
<script>
function Somar() {
var tn1 = window.document.getElementById ('txtn1')
var tn2 = window.document.getElementById ('txtn2')
var tn3 = window.document.getElementById ('txtn3')
var tn4 = window.document.getElementById ('txtn4')
var res = window.document.getElementById ('res')
var n1 = Number(tn1.value)
var n2 = Number(tn2.value)
var n3 = Number(tn3.value)
var n4 = Number(tn4.value)
var s = (n1 + n2 + n3 + n4) / 4
res.innerHTML = `a media entre ${n1} ${n2} ${n3} e ${n4} é <strong>${s}</strong>`
}
</script>
</body>
</html>
não sei como resolver o problema de ${}, pois o ($) não está reconhecendo.
alguem pode me ajudar?
Meu strong nao ta funcionando no res kk
não conseguir fazer a soma, meu "res.innerHTML" nãoe esta funcionando.
Podia curtir 10 vezes melhor aula até agora abriu minha mente.
Mano eu tentei fazer a calculadora e fiz tudo certo mais o resultado sempre da Nan ai quando eu fui ver se o erro tava na transição para número eu descobrir que o input não ta entregando o número e sim elemento Html input
Assisto um ou dois vídeos por vez para não forçar a barra. Anoto tudo, faço e refaço os códigos para poder fixar.
Os conteudos são de extrema relevância e só tenho a agradecer por tanta dedicação professor.
Fiz o curso de HTML e CSS antes de começar JS, confesso que chegar no curso de JS já sabendo algumas coisas é muito melhor.
meu script está igual ao da aula e não funciona, alguém poderia me ajudar?
Pq sempre mostra erro no código 'value' ??
Guanabara e fera,sou fanzasso desse cara!Top demais.
Melhor professor que já vi .