Wagner Leandro

@Matheus Dutra Uma de 200w ruinzona. Eu tinha outro pc e fiquei a vida toda com ela e nunca deu ruim. Eu não sei se é ela, porque nas primeiras vezes, ela gira o cooler e tudo...

eu tinha uma b75 da asus, eu sem querer deixei a placa encostar no gabinete e queimou. Comprei outra, coloquei, não estava encostando em nada, deu video, tudo certinho, mas dps de 4 minutos desligou e não ligou mais. Eu não sei o que é! 2 placas mães queimam em seguida. o que vcs acham ? As duas placas só giram o coolers e param, liga o led e etc. Mas nd de video

@1lokos Eu não tenho os 6 sextavos, posso ligar só com 4 ? ou vai gerar algum problema a placa-mãe ? E outra coisa, como eu falei, eu queimei uma placa-mãe porque escostou no chassi. Com isso, eu trisquei o dedo no gabinete e senti q estava energizado. Você acha q queimou meu hd ou fonte sla.. Obs: tenho apenas 16 anos

@wagner2029 É esses mesmo. o que aconteceu foi que eu coloquei 3, e deixei um sem, com isso, o lado q estava torto da placa, escostou a quina no gabinete. Me fala aí mano, não quero queimar novamente @wagner2029 Tem q encostar só os quantos parafusos ?! e o espelho? não pode encostar também ? a placa em sí não pode encostar em nada!? Olha essa imagem. Me fala, tem algo de errado ? Os pontos brancos é onde tem esses parafusos. E esse negócio circular, que está de vermelho, pode encostar ? ou não Caso não puder encostar, eu vou tentar afundar ele um pouco Eu acabei de olhar aqui... Minha placa tem 6 furinhos desses, com furinhos descascados. Eu tenho que colocar em todos para não dar curto novamente ?

Quais os maiores erros que a galera comete ? Quais são os maiores vacilos q não posso cometer ? Eu já queimei uma placa-mãe porque faltou um parafuso e eu não coloquei(sou bem leigo, eu vi que estava faltando o parafuso, e sabia q estava encostando, mas deixei ) enfim, queimei minha placa-mãe. Passei 2 mês sem meio pc, irmão, não tem coisa pior. Agora sei q não posso encostar no gabinete. Ainda está faltando o parafuso, o que coloco para não encostar? papelão ? isopor ? kkk a placa esquenta hein ? porque se esquentar, vai pegar fogo. Comprei uma placa nova, vou MONTAR de novo, me deêm dicas.

@vini8603 Quando você estiver sem idéias do que fazer, vá no you tube e pesquise: sistemas python pequeno. Nesse início de aprendizado não tente fazer coisas grandes demais, comece de pouco. Eu me lembro que quando eu fiz esse cursinho de python, Guanabara passava muitos exercícios, faça gradualmente com o curso. Não fique só preso ao Guanabara não, tente de tudo. Tem um site bem legal também, nome: w3school Quando você estiver dominando o front(HTML/CSS/JS), começe a recriar redes sociais(INSTAGRAM/FACE e etc)

@vini8603 Fala irmãozinho. Eu tenho 16 anos. Com sua idade +/- comecei a estudar python. É uma linguagem bem poderosa e de fácil aprendizado, te dá uma lógica de como funciona a programação. Programação é muito difícil, mas com muito estudo você consegue aprender e dominar, o segredo é não desistir. Eu te indicaria a fazer esse curso, praticar bastante e partir para WEB, dps que você pegou o básico do Python(daqui a uns 4 meses), começe um curso de HTML/CSS - Guanabara tem curso, inicie e estude por um ano e meio, praticando bastante. Depois de um ano e meio, começe outro curso, com Guanabara, Curso de Javascript, estude por um ano e meio. Quando você estiver dominando essas tecnologias, HTML/CSS/JAVASCRIPT, você já conseguirá entrar no mercado de trabalho, ganhar 2 mil para cima fácil. Você já poderá entrar no mercado de trabalho, mas se quiser estudar mais, aprenda PHP/MYSQL, estude uns 2-3 anos. Se você conseguir dominar HTML/CSS/JS, dá para ganhar de 2000-8000 mil reais. Basta colocar seu currículo em alguma empresa, ou se quiser trabalhar independente, pode trabalhar como free lancer. Deixo um recado para você, não desista, você tem uma grande carreira por a frente, aproveita essa sua adolescência e estuda, é doloroso, mas no final vale a pena. programe 3> hrs por dia. Sou bem novo também, eu iníciei com sua idade, pouca coisa mais novo, atualmente tenho grande domínio no front(HTML/CSS/JS), ja consigo entrar no mercado de trabalho, mas quero estudar mais, estou apreendendo back(PHP/MYSQL). NÃO DESISTA!! FOQUE!! DEIXA DE SAIR FINAL DE SEMANA E VAI ESTUDAR!! TEM ROLÊ FINAL DE SEMANA?! CAI FORA E VAI ESTUDAR Eu faço isso por diversão! nós final de semana eu fico mais que 8 horas programando. Ame o que você faz! Lembre-se, o segredo é: NÃO DESISTIR!!

@Acvale7 Vou tentar arriscar, já vou comprar direto a placa. Sou bem leigo em hardware. Minha placa ficou em curto porque encostou no gabinete(como falei anteriormente), porque faltou eu colocar um parafuso. Mas enfim, precisa trocar de gabinete? ou fazer algum bagulho com gabinete(não entendo)? Assim q eu colocar o parafuso, e ver q não está encostando no gabinete, posso colocar de boa que não dá curto, né? gabinete não fica em curto, né ? Escuto as pessoas falando de estática sla... Você deve está rindo essas hrs com minhas perguntas kk tenho outra dúvida também, o espelho não conduz electricidade não, né ? porque encosta no gabinete

Minha placa-mãe atual encostou no gabinete e ficou em curto. Pode ter queimado os outros componentes ? a primeira vez que testei(ja estava encostando no gabinete, mas estava dando video) o pc estava travando na tela inicial do windows e reiniciando, será se o processador(comprei da china e pegou nos primeiros dias de boa, depois minha placa queimou, disseram a me q é mt difícil queimar) está com defeito também ? Mas enfim, eu trocando minha placa-mãe por outra, resolveria o problema ? Estou sem condições de comprar uma boa, vi uma afox ih61 afox 300 reais, vou comprar ela mesmo, é a mais barata q encontrei, sei q é bem ruim, mas preciso de um pc urgente. Ela dura uns 3 anos de boa ?

placa-mãe encostou no gabinete e não esta dando video. Liga led, gira todos os coolers, etc. Vocês acham q está em curto mesmo ? Quais são os principais sintomas de uma placa-mãe em curto ? Ainda existe esperança ?

@Thiago Miotto Quais são os principais sintomas quando ela está em curto? Porque ela liga o led, gira os coolers e etc.

Montei a placa-mãe e escostou no gabinete(provalvemente) e não esta dando video. Faltava um parafuso e não percebi. Enfim, não esta dando video. Cooler liga, luz da placa liga etc. Queimei minha placa-mãe ? Ainda existe esperança ? Acabei de levar no técnico, ele falou que iria olhar. O pior é q eu reiniciei várias vezes, encostei nela, não levei choque, nem nd. Será o processador também ? Isso foi ontem. Estava tudo normal, joguei e não aconteceu nd. Mas, do nada, aparece umas listras(preto/laranja) e desliga. placa-mãe: asus b75-a Processador: i5 3470 Comprei essas peças a um dia no aliexpress. Fiquei com um pé atrás achando q era as peças que já vieram com defeito, mas sla, estava tudo normalzinho, processador em 40° de boas, placa-mãe tudo ok(aparentemente). Obs: Tenho apenas 15 e sou mt leigo.

@douglas.b.f Vou tentar. @Elder Nauvirth "Burro sofre" @douglas.b.f o engraçado é q eu troquei a placa-mãe(lga 775. minha antiga) e processador(e3400, antigo), não deu video também. Limpei a memória ram e não deu video também.

Ontem, meu pc estava de lado e aberto. Começou a chuver e não percebi. Com isso, caiu respingos no pc e apareceu umas listras na tela(preto/laranja) e desligou. Não dá imagem mais. O led da placa-mãe está ligado, cooler do cpu liga. Depois de 4 tentativas, o 2° cooler de refrigeração não liga. Mas o da cpu liga. Obs: já limpei memória ram, resetei bios. Tirei o conector do hd porque estava corrompido. Ontem a noite não estava entrando no windows. Passei a noite toda pra arrumar e nd. Hj mais 1 problema mds Tirei o cooler da cpu por uns 5s para ver se esquentava e esquenta. Dps descobri que esta técnica não funciona. Será o processador ? Ou tudo ? Help. Estou com a cabeça mil. Obs: tenho 15 anos. Comprei essas peças(processador: i5 3470, placa-mãe: asus b75-a) com um dinheiro que juntei desde os 11 anos. Ontem dormi mt triste, chorando. Sla, achando q queimou essa ***** q acabei de comprar.

man, eu sou programador(junior), eu estava programando d boa, e, do nada, apaguei 1 arquvo sem querer, eu ja procurei na lixeira, mas não está ***** demais obs: uso vscode me ajudem pfv

Vale a pena estudar programação ? Tem como ganhar dinheiro com isso ? Eu estou focado em estudar! mas esses dias eu parei pra pensar, "eu vou ganhar dinheiro com isso ?", "eu vou ter sucesso com isso ?". eu sei que temos que trabalhar com algo que gostamos, eu gosto dessa área, mas eu não sei se vou ter sucesso com isso. Eu me considero novo +/- kk(tenho 16 anos - completei faz 2 dias haha) eu penso muito no meu futuro... o que vcs acham ? eu ví uns bagulho de freelancer, mas não sei, eu acho que não estou capacitado pra trabalhar, me sinto inseguro. Estou muito focado desde os meus 14 anos(tem dias que fico 6-8hrs por dia programando/olhando videos didaticos), com +/- 18-20 anos eu queria trabalhar, mas já percebi que não é muito fácil de entrar em uma vaga de emprego, 90% das empresas exageram nos requesitos(minha opinião). Eu procuro outra coisa pra estudar ? estou mt indeciso e um pouco desanimado

valeu

Eu fiz um sistema que controla a quantidade de agua que uma pessoa bêbe(com historico de quantidade e horario)! com isso, eu queria fazer uma notificação(efeito sonoro) para o usuario beber água de 2 em 2 horas! <!DOCTYPE html> <html lang="pt-br"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" > <!---<link rel="stylesheet" type="text/css" href="http://localhost/beber-agua/css/index.css">---> </head> <body> <div id="menu"> <div id="logo"> <h1>Beber água</h1> <img class="a" src="/beber-agua/imgs/logo.png"> </div> <ul> <li><a class="tempo">Tempo 00:00:00 Data: 00/0</a></li> </ul> </div> <div id="home"> <h2>Estatísticas</h2> <div id="meta"> <p class="name-p">Meta</p> <p class="media-meta">0</p><p class="media-fixa">/2000ML</p> <div class="barra"></div> <div class="barra-meta"></div> </div> <h2>Histórico</h2> <div id="historico-corpo"> <!---<div class='historicoInfoBox'> <img src='/beber-agua/imgs/logo.png'> <p class='horario'>11:45</p> <p class='histQuant'>250ML</p> </div>---> </div> </div> <div class="add_agua"> <h2>Beber Água</h2> <p>Bebi: <input type="number" class="ml" name="ml" maxlength="40"> ML</p> <input type="submit" class="btn-btn" onclick="js()" name="btn" value="Adicionar" > <input type="submit" class="btn-btn" onclick="cancelar()" name="btn" value="Cancelar" "> <p class="msgErro"></p> </div> <div id="parabens"> <h2 style="background: none; margin-top: 56px; " class="btn-parabens">Parabéns!<br> Você bebeu 2000ML!<br>Até amanhã!</h2> <input type="submit" class="btn-btn" onclick="resetar_parabens()" name="btn" value="Reset" id="botão"> <input type="submit" class="btn-view" onclick="view()" name="btn" value="Ver"> </div> <input type="submit" value="Add" onclick="add_remove()" class="add-btn"> <input type="submit" value="Reset" onclick="resetCongrats()" class="resetBtn"> <div id="add-agua"> </div> <style type="text/css"> /* COMPUTADOR >1024px */ /*MENU*/ body{ background: #ecf9ff; margin: 0px; padding: 0px; } #menu{ background-color: #d0f4ff; width: 100%; height: 6em; border-bottom: 1.4px solid #bfbfbf; border-top: 0.5px solid #bfbfbf; } .a{ padding: 0px; margin: 0px; right: 93%; margin: 4px -20px 0px 10px; transform: rotate(25deg); position: absolute; cursor: pointer; } .a:hover{ transform: rotate(16deg); transition: all 0.500s; } h1{ padding: 1.8% 0% 0% 8%; margin: 0px; font-size: 3.5em; color: #00c4ff; font-family: monospace; float: left; letter-spacing: -2px; font-weight: 700; cursor: pointer; } h1:hover{ color: #00a9dc; transition: all 0.500s; } ul{ float: right; padding: 2% 5% 0% 0%; margin: 0px; } ul li{ display: inline-block; margin: 0px 0% 0px 0px; padding: 10px; background-color: #bdeefd; border-radius: 15px; transition: all 0.500s; } ul li:hover{ background: #a0e2f7; } ul li a:hover{ transition: all 0.500s; color: #007396; } ul li a{ padding: 0% 0% 0% 0%; text-decoration: none; font-size: 160%; color: #009ece; font-family: sans-serif; letter-spacing: 1px; font-weight: 600; cursor: pointer; } #home{ background: #e1f6fb; width: 75%; height: 27.5em; text-align: center; margin: 25px auto 0px auto; padding: 0px; border-radius: 10px; border: solid 1px #969696; } #home img{ /*width: 190px; height: 190px;*/ border-radius: 100%; margin: 30px 0px 0px 0px; } h2{ font-size: 1.8em; font-family: sans-serif; color: #00c4ff; margin: 0px 0px 0px 0px; padding: 10px 0px 12px 0px; background: #caf0fb; border-radius: 9px; text-align: center; } p{ margin: 22px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: sans-serif; font-size: 111%; color: #00c4ff; } .res{ transition: all 0.500s; } input{ background: none; width: 30%; padding: 8px 3px 8px 3px; margin: 21px 0px 0px 0px; border-radius: 10px; border: solid 2px #00c4ff; color: #00c4ff; font-size: 90%; text-align: center; font-family: sans-serif; outline: none; font-weight: 600; } .btn-btn{ width: 26%; border-radius: 10px; padding: 10px 0px 10px 0px; margin: 30px 0px 10px 0px; font-size: 120%; cursor: pointer; background: #00adff; color: white; } .btn-btn:hover{ background: none; border: solid 2px #00adff; color: #00adff; transition: all 0.500s; } .btn-view{ width: 26%; border-radius: 10px; padding: 10px 0px 10px 0px; margin: 30px 0px 10px 0px; font-size: 120%; cursor: pointer; background: #00adff; color: white; } .btn-view:hover{ background: none; border: solid 2px #00adff; color: #00adff; transition: all 0.500s; } #cfm1{ color: red; margin: -26px 0px 0px 0px; padding: 0px 0px 0px 0px; } #cfm{ color: green; margin: -26px 0px 0px 0px; padding: 0px 0px 0px 0px; } #meta{ width: 73%; height: 14vh; border-radius: 20px; background: #bdeefd; margin: 30px auto 26px auto; z-index: 100; } .barra{ width: 48%; height: 4vh; border-radius: 6px; background: #f9f9f9; margin: 6px auto 0px auto; position: absolute; right: 26%; } .barra-meta{ width: 0.5%; height: 4vh; border-radius: 6px; background: #00adff; margin: 6px auto 0px auto; position: absolute; right: 26%; } .barra-meta:hover{ background: #006494; transition: all 0.500s; } .media-meta{ float: left; padding: 0px; margin: -19px 0px 0px 34px; color: #0082bf; transition: all 0.500s; } .media-fixa{ float: left; padding: 0px; margin: -19px 0px 0px 0px; color: #0082bf; transition: all 0.500s; } .name-p{ padding: 10px 0px 0px 0px; color: #0082bf; } .add-btn, .resetBtn{ width: 80px; height: 80px; border-radius: 100%; padding: 5px; text-align: center; font-size: 1.5em; float: right; margin: -102px 66px 0px 0px; border: 2px solid #00adff; color: #00adff; cursor: pointer; position: fixed; right: 0%; } .add-btn:hover,.resetBtn:hover{ transition: all 0.500s; border: 2px solid #007bb5; color: #007bb5; } /*ADD AGUA*/ .add_agua{ width: 55%; height: 20em; border-radius: 9px; background: #e1f6fb; margin: -366px auto 0px auto; z-index: 1000; position: relative; text-align: center; border: 1px solid #969696; } #parabens{ width: 300px; height: 300px; border-radius: 16%; color: #00a9dc; border: 2px solid #00a9dc; text-align: center; margin: 0px; position: absolute; top: 31%; left: 38%; background: #e1f6fb; transition: all 0.600s; } h2 .btn-parabens{ background: none !Important; font-size: 2.4em; margin: 70px 0em 0em 0em !Important; font-family: monospace; padding: 0px 15px 0px 15px; width: 20%; } #parabens:hover{ transition: all 0.500s; background: #b9f0fd; } #historico-corpo{ position: absolute; width: 75%; } .historico{ width: 8%; float: left; padding: 0px; border: 1px solid #969696; /*position: absolute; top: 53%; right: 78%;*/ border-radius: 7%; margin: 30px 0px 0px 10px; display: block; } .historico:hover{ box-shadow: 0px 3px 6px 0px #00b8ff; transition: all 0.300s; cursor: pointer; } .historico img{ width: 95%; margin: 0px !Important; } .historico .horario{ text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-weight: 600; font-size: 80%; } .histQuant{ text-align: center; margin: 0px 0px 0px 0px !Important; padding: 0px 0px 4px 0px; font-size: 80%; padding: 1px; font-weight: 600; background: #caf0fb; border-radius: 5px; font-size: 100%; color: #0082bf; } </style> <script type="text/javascript"> // Tela de inicio - estatísticas var telaEstatisticas = document.querySelector('#home') // agua var boxAdicionarAgua = document.querySelector(".add_agua") // box para add agua var valorDaMedia = Number(0) // quantidade de agua var saidaAgua = document.querySelector('.media-meta') // saida do valor da quantidade de agua var progressoAgua = document.querySelector('.barra-meta') var exibirboxAdicionarAgua = document.querySelector('.add-btn'), resetVer = document.querySelector('.resetBtn') // Saida de mensagem de erro var msgErro = document.querySelector('.msgErro') // Histórico var idHistorico = document.querySelector('#historico-corpo') var histCorpo = document.querySelector('.hist') //Box parabens var boxCongrats = document.querySelector("#parabens") //Não exibir na tela boxAdicionarAgua.style.display = "none" boxCongrats.style.display = "none" resetVer.style.display = "none" // horario que entrou var HoraNotFicacao = 2 var temp = new Date() var HoraQentrou = temp.getHours() var minQentrou = temp.getMinutes() //DATA atualizando function data() { var temp0 = document.querySelector('.tempo'), tempo = new Date, horas = tempo.getHours() var min = tempo.getMinutes(), seg = tempo.getSeconds(), dia = tempo.getDay()+8, mes = tempo.getMonth()+1, ano = tempo.getYear() temp0.innerHTML = `Tempo: ${horas}:${min}:${seg} Data: ${dia}/${mes}` } setInterval(data, 1000) // atualizar o horario a cada 1s function add_remove() { //aparecer/desaparecer telaEstatisticas.style.opacity = '0.3' boxAdicionarAgua.style.opacity = '1.0' boxAdicionarAgua.style.display = "block" exibirboxAdicionarAgua.style.display = 'none' } function cancelar() { telaEstatisticas.style.opacity = '1.0' boxAdicionarAgua.style.display = "none" exibirboxAdicionarAgua.style.display = 'block' } function resetar_parabens() { valorDaMedia = 0 saidaAgua.innerHTML = "0" telaEstatisticas.style.opacity = '1' boxAdicionarAgua.style.display = 'none' boxCongrats.style.display = "none" progressoAgua.style.width = '0.5%' exibirboxAdicionarAgua.style.display = 'block' while(idHistorico.firstChild){ idHistorico.removeChild(idHistorico.firstChild) } } function resetCongrats() { valorDaMedia = 0 saidaAgua.innerHTML = "0" boxAdicionarAgua.style.display = 'none' progressoAgua.style.width = '0.5%' exibirboxAdicionarAgua.style.display = 'block' resetVer.style.display = "none" while(idHistorico.firstChild){ idHistorico.removeChild(idHistorico.firstChild) } } function view() { boxCongrats.style.display = 'none' telaEstatisticas.style.opacity = '1' boxAdicionarAgua.style.display = 'none' boxCongrats.style.display = "none" exibirboxAdicionarAgua.style.display = 'none' resetVer.style.display = "block" } /*var rel = 0 while(rel<2000){ if(HoraQentrou==Number(HoraNotFicacao)+Number(horas)){ } }*/ /*var temp = new Date(), horas02 = temp.getHours() function Not() { var tempo = new Date(), horas = tempo.getHours() if (horas==horas02) { console.log('Notificação') } } setInterval(Not, 1000)*/ function js() { var ml = document.querySelector('.ml') // Input para adicionar água if (!ml || ml.length == 0) { msgErro.innerHTML = "Ml inválido" event.preventDefault() return false } if (ml.value < 200 || ml.length < 0) { msgErro.innerHTML = `Minímo 200ML` event.preventDefault() return false } if (ml.value > 500) { msgErro.innerHTML = `Máximo 500ML` event.preventDefault() return false } else{ msgErro.innerHTML = '' // Saida de erro ficar vazia exibirboxAdicionarAgua.style.display = 'block' // exibir o botão de add agua var rel = 0 console.log() while(rel < Number(2000)){ rel=rel+Number(ml.value) valorDaMedia = Number(valorDaMedia)+Number(rel) saidaAgua.innerHTML = `${valorDaMedia}` // historico var quant = Number(0) quant = Number(quant)+Number(ml.value) var temp0 = new Date() var Hh = temp0.getHours() var Mm = temp0.getMinutes() idHistorico.innerHTML += `<div class='historico'><img src='/beber-agua/imgs/logo.png'><p class='horario'>${Hh}:${Mm}</p><p class='histQuant'>${quant}ML</p></div>` boxAdicionarAgua.style.display = "none" telaEstatisticas.style.opacity = '1' if (Number(valorDaMedia)>249){ //estilo: progresso e transição progressoAgua.style.width = "6%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>499){ //estilo: progresso e transição progressoAgua.style.width = "13%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>749){ //estilo: progresso e transição progressoAgua.style.width = "18%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>999){ //estilo: progresso e transição progressoAgua.style.width = "24%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>1249){ //estilo: progresso e transição progressoAgua.style.width = "31%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>1499){ progressoAgua.style.width = "35%" progressoAgua.style.transition = "all 2s" } if (Number(valorDaMedia)>1749){ //estilo: progresso e transição progressoAgua.style.width = "41%" progressoAgua.style.transition = "all 2s" } if(Number(valorDaMedia)>=2000){ //estilo: progresso e transição e aparecer o congrats progressoAgua.style.width = "48%" progressoAgua.style.transition = "all 2s" telaEstatisticas.style.opacity = '0.2' boxCongrats.style.display = "block" exibirboxAdicionarAgua.style.display = 'none' } break } } } </script> </body> </html> Deêm um ctrl+c ctrl+v

@Adriano_web Muito obrigado. Mim ajudou bastante.

@Adriano_web Tenho 15 anos. Eu tive essa ideia do nada(eu bebo bem pouca água por isso quis fazer isso! ainda vou fazer algum som sonoro de 2 em 2 hrs(exemplo) pra mim lembrar de beber agua)! Estudei bem pouco programação! manjo bem do front-end! sou um garoto muito esforçado! quero ter um futuro com isso. obrigado man eu já estava desanimado obrigadao de coração mesmo mano! não entendi muito o codigo, mas vou estudar ele a noite todaa pra entender! muito obrigado dnv! Deus lhe abençoe! Você tem quantos anos de esperiência com programação? poderia mim dar alguma dica pra quem está começando ? lhe agradeço muito!! tenho 3 meses de experiencia em back-end! mim aprofundei dms no front-end (quase 1 ano)

<!DOCTYPE html> <html lang="pt-br"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1" > <link rel="stylesheet" type="text/css" href="http://localhost/beber-agua/css/index.css"> </head> <body onload="data()"> <div id="menu"> <div id="logo"> <h1>Beber água</h1> <img class="a" src="/beber-agua/imgs/logo.png"> </div> <ul> <li><a class="tempo"href="">Tempo 00:00:00 Data: 00/0</a></li> </ul> </div> <div id="home"> <h2>Estatísticas</h2> <div id="meta"> <p class="name-p">Meta</p> <p class="media-meta">0/2000L</p> <div class="barra"></div> <div class="barra-meta"></div> </div> </div> <div class="add_agua" onload="remover()"> <h2>Beber Água</h2> <p>Bebi: <input type="number" class="ml" name="ml" maxlength="40"> ML</p> <input type="submit" class="btn-btn" onclick="js()" name="btn" value="Adicionar" id="botão"> <input type="submit" class="btn-btn" onclick="cancelar()" name="btn" value="Cancelar" id="botão"> <p class="res"></p> </div> <div id="parabens"> <h2 style="background: none; margin-top: 56px; " class="btn-parabens">Parabéns!<br> Você bebeu 2000L!<br>Até amanhã!</h2> <input type="submit" class="btn-btn" onclick="resetar_parabens()" name="btn" value="Resetar" id="botão"> </div> <input type="submit" value="Add" onclick="add_remove()" class="add-btn"> <div id="add-agua"> </div> <script type="text/javascript"> /*iniciar none add*/ document.querySelector(".add_agua").style.display = "none" /*iniciar none parabens*/ document.querySelector("#parabens").style.display = "none" function data_fixa() { var temp = new Date var min_fix = temp.getMinutes() var horas_fix = temp.getHours() var dia_fix = temp.getDay()+1 var mes_fix = temp.getMonth()+1 } //DATA function data() { var temp0 = document.querySelector('.tempo') var tempo = new Date var horas = tempo.getHours() var min = tempo.getMinutes() var seg = tempo.getSeconds() var dia = tempo.getDay()+1 var mes = tempo.getMonth()+1 var ano = tempo.getYear() temp0.innerHTML = `Tempo: ${horas}:${min}:${seg} Data: ${dia}/${mes}` /// desaparecer add agua } setInterval(data, 1000) // atualizar function add_remove() { //aparecer/desaparecer document.querySelector('#home').style.opacity = '0.3' document.querySelector('.add_agua').style.opacity = '1.0' document.querySelector(".add_agua").style.display = "block" } function cancelar() { document.querySelector(".add_agua").style.display = "none" document.querySelector('#home').style.opacity = '1.0' } function resetar_parabens() { var rel = Number(0) document.querySelector('.media-meta').innerHTML = "0/2000L" document.querySelector('#home').style.opacity = '1' document.querySelector("#parabens").style.display = "none" document.querySelector('.barra-meta').style.width = "1%" } function js() { var res = document.querySelector('.res') var ml = Number(document.querySelector('.ml').value) var meta = document.querySelector('.barra-meta') var media_meta = document.querySelector('.media-meta') if (ml == "" || ml.length == 0) { res.innerHTML = "Ml inválido" event.preventDefault() return false } if (ml < 0 || ml.length < 0 || ml == 0 ) { res.innerHTML = `ML inválido` event.preventDefault() return false }else{ var rel = Number(0) //var ml = Number([]) while(rel < 2000){ rel=(rel+(ml)) media_meta.innerHTML = `${rel}/2000L` document.querySelector(".add_agua").style.display = "none" document.querySelector('#home').style.opacity = '1' if (rel>249){ meta.style.width = "6%" } if (rel>599){ meta.style.width = "13%" } if (rel>999){ meta.style.width = "24%" } if (rel>1249){ meta.style.width = "31%" } if (rel>1499){ meta.style.width = "37%" } if(rel>=2000){ meta.style.width = "48%" document.querySelector('#home').style.opacity = '0.2' document.querySelector("#parabens").style.display = "block" } break } //media_meta.innerHTML = `${rel}` } } // INICIO FOTO </script> </body> </html>

@DiF Já troquei, mas não funciona também. @DiF Quando eu coloco um break no final da repretição ele calcula tudo crt o problema é porque vou fazer mais repetições. com o break ele só repete uma vez @washalbano Quando eu coloco um break no final da repretição ele calcula tudo crt. o problema é porque vou fazer mais repetições! com o break ele só repete uma vez

É um site onde controla a quantidade de água que você toma durante o dia. quando chega no loop, ao invés de somar, esta fazendo uma conta muito louca kkk Quandoo retiro o Number() ele soma crt! mas concatena porque é string function js() { var res = document.querySelector('.res') var ml = Number(document.querySelector('.ml').value) var meta = document.querySelector('.barra-meta') var media_meta = document.querySelector('.media-meta') if (ml == "" || ml.length == 0) { res.innerHTML = "Ml inválido" event.preventDefault() return false } if (ml < 0 || ml.length < 0 || ml == 0 ) { res.innerHTML = `ML inválido` event.preventDefault() return false }else{ for (var rel = Number(0);rel < 2001; rel=rel+ml){ ENQUANDO A QUANTIDADE DE ÁGUA FOR MENOR QUE 2000L, ELE IRIA SOMAR. var rel = rel media_meta.innerHTML = `$` document.querySelector(".add_agua").style.display = "none" document.querySelector('#home').style.opacity = '1' if (rel>249){ meta.style.width = "6%" } if (rel>599){ meta.style.width = "13%" } if (rel>999){ meta.style.width = "24%" } if (rel>1249){ meta.style.width = "31%" } if (rel>1499){ meta.style.width = "37%" } if(rel>1999){ meta.style.width = "48%" document.querySelector('#home').style.opacity = '0.2' document.querySelector("#parabens").style.display = "block" } } //media_meta.innerHTML = `$` } }

@Kyuta Sempre quando vou comprar algum produto, eu olho a reputação e os comentarios do produto. Essa placa-mãe pode ser boa, mas não tem comentarios e a loja não tem uma reputação muito legal=( fica difícil saber se o produto é confiavel! olhei outros produtos que a loja vende, mas ví várias reclamações da loja! Obrigado por a recomendação, mas não quero "quebrar minha cabeça" =( tenho muito medo de vir com defeito, na maioria das vezes a loja não dá o reembolso, e o frete do brasil para a china é muito caro, ou seja, vou acabar "quebrando minha cabeça". @Kyuta achei essa: https://pt.aliexpress.com/item/32845514738.html?spm=a2g0o.productlist.0.0.57225d716GBdka&algo_pvid=051dd9e8-0880-4d67-93b4-7e6258c88b40&algo_expid=051dd9e8-0880-4d67-93b4-7e6258c88b40-6&btsid=0bb0624116029505277345985e013f&ws_ab_test=searchweb0_0,searchweb201602_,searchweb201603_ já comprei nessa loja, o vendedor é super atencioso, seria uma boa opção ? tem outras com lga 1155, caso você achar alguma melhor(dentro da loja) e com o mesmo preço, me avisa pfv

@Kyuta Você poderia mim indicar alguma placa-mãe do aliexpress pfv ? manda link pfv <3! sou meio leigo ainda =( eu procurei lá, mas achei umas mt cara e usada ainda... @Kyuta achei essa: https://pt.aliexpress.com/item/4000071779863.html?spm=a2g0o.productlist.0.0.9b681fe0EyS3zn&algo_pvid=0b3490c0-b131-4368-a94e-9e226b0c7f05&algo_expid=0b3490c0-b131-4368-a94e-9e226b0c7f05-28&btsid=0bb0624716028992035897382efdf6&ws_ab_test=searchweb0_0,searchweb201602_,searchweb201603_ VALE A PENA ? O frete estar um pouco caro =(