Eu estou fazendo um projeto de que uni javascript e html, trata de um site interativo que funciona digitando a hora e depois pressionando o botão, de pendendo do numero que digitar teremos um resultado diferente, poderiam me dar alguma dica para melhorar o sites, para melhor compreender eu vou inserir os dados do sites.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Que horas são</title>
</head>
<body>
<input type="text" name="Number" id="Mensagem">
<input type="button"onclick="mostrar(clicar)" value="Agora" id="comprementar">
<div id="momento"></div>
<script>
function Etiqueta() {
var Mensagem = document.getElementById('Mensagem')
var hora = document.getElementById('momento')
var Agora = etiqueta.value
hora.innerHTML = `<p>Agora são exatamente<strong> ${horas}</strong> horas.</p>`
if (Agora == `O horario atual é de` || Agora == 'momento') {
hora.innerHTML += 7 `Vamos pro trabolho!`
} else {
hora.innerHTML += 17 `hora.innerHTML`
}
}
</script>
</body>
</html>
var Agora = new Date()
var hora = Agora.getHours()
console.log(`Agora são exatamente ${horas} horas.`)
if (horas <= 7) {
console.log('Vamos pro trabolho!')
} else (horas <= 17) {
console.log('hora.innerHTML')
}
