Estou fazendo alguns testes iniciais com javascript, e não estou tendo sucesso ao tentar alterar um parâmetro do meu código HTML. A ideia é que ao clicar o botão "Message", o texto seja atualizado para "New Text!" Segue o código HTML e javascript:
<html>
<h1>Javascript</h1>
<h3 id="frase">Default text</h3>
<button id = "getMessage" class = "btn btn-primary"> Message </button>
</html>
$(document).ready(function() {
$("#getMessage").on("click", function(){
document.getElementById("frase").innerHTML = "New text!";
});
});
Como devo integrar o que é exibido em HTML com meu código javascript?