Samuel Esteves
-
Contagem de Conteúdo
3 -
Ingressou
-
Última visita
Conquistas de Samuel Esteves
0
Reputação na Comunidade
-
Olá. Me chamo Samuel e estou precisando de atribuir à uma variável o valor do input de data. Porém, ao colocar o .value, o código me retorna o valor da data no formato yyyy-mm-dd ex: (2022-12-01). Preciso de alguma forma de subverter esse valor para o formato dd-mm-yyyy ex: (01-12-2021), além de substituir os hífens por "/". tentei aplicar o código seguinte, porém me retorna no formato que não desejo: var inp_data = document.getElementById("inp_data") var i_d = String((inp_data.value)) r_data.innerText = `DATA DE ALTERAÇÃO: ${i_d}` a variável inp_data pega o elemento de input do type="date" que possuo no meu código e, em seguida, a variável i_d me retorna o valor desse elemento. Desde já, agradeço a ajuda.
-
Oi Gabriel, tudo bem? Agradeço o retorno. No caso, para que a função de alterar o input seja de fato acionada, eu teria que ter declarado a variável para input1 e input2 com o getElementById antes, pois só assim eu conseguiria verificar se o valor do input foi alterado, certo? De qualquer forma, muito obrigado pela ajuda, isso fortalece em muito meus estudos.
-
Estou criando um documento HTML usando a linguagem JavaScript para fazer a soma de dois números. Sou estudante de programação e estou começando agora a aprender conceitos básicos sobre as linguagens JavaScript, HTML e CSS. A página está montada e minha intenção é complementar apenas uma funcionalidade no script: ao apagar ambos ou qualquer um dos números que o usuário escreveu no input para números, a mensagem que mostra qual foi o resultado da soma deve desaparecer. Não sei como fazer, nem por onde começar. Agradeço previamente a ajuda de quem se dispor. https://github.com/SamuelEstevees/Site-Somador Irei colar o código aqui também, por questões de facilitação <!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>Site Somador</title> <style> body{ margin: 0px; } #cabecalho{ background-color: #363636; width: 100vw; height: 10vh; color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; font: normal 20pt noraml; } #cabecalho2{ background-color: #00CED1; width: 100vw; height: 2vh; } #corpo{ background-color: #4F4F4F; width: 100vw; height: 88vh; display: flex; flex-direction: column; justify-content: center; align-items: center; } #conteudo{ background-color: white; color: black; width: 300px; height: 350px; display: flex; flex-direction: column; justify-content: center; align-items: center; } #topoconteudo{ background-color: #00CED1; width: 300px; height: 2vh; } #chaoconteudo{ background-color: #00CED1; width: 300px; height: 2vh; } h1{ font: normal 17pt normal; } #txtn1{ width: 13vw; } #txtn2{ width: 13vw; margin-top: 5px; } #botao_somar{ width: 13.5vw; margin-top: 5px; background-color: #87CEEB; } #resposta{ margin-top: 15px; } </style> </head> <body> <div id="cabecalho"> SITE - SOMADOR DE NÚMEROS </div> <div id="cabecalho2"></div> <div id="corpo"> <div id="topoconteudo"></div> <div id="conteudo"> <h1>SOMAR NÚMEROS</h1> <input type="number" name="txtn1" id="txtn1"> <input type="number" name="txtn2" id="txtn2"> <input type="button" value="SOMAR" id="botao_somar" onclick="somar()"> <div id="resposta"></div> </div> <div id="chaoconteudo"></div> </div> <script> function somar(){ var tn1 = document.getElementById("txtn1") var tn2 = document.getElementById("txtn2") var n1 = Number(tn1.value) var n2 = Number(tn2.value) var resultado = document.getElementById("resposta") var soma = n1 + n2 var soma =(String(soma)).replace(".", ",") resultado.innerHTML = `A soma dos números é: <strong>${soma}</strong>` } </script> </body> </html> site_somador.html