Criando um botão que chama uma função JS

Funções em javascript são: "blocos de código que contém um conjunto de instruções que executam tarefas ou qualquer operação que envolva variáveis, operações matemáticas, e etc". Para se usar uma função, você deve defini-la em algum lugar no escopo do código:

//1 - Criamos a estrutura da função de nome "mostraMensagem()"

function mostraMensagem(){

//INSTRUÇÕES AQUI

}

//2 - Inserimos as instruções que serão executadas todas as vezes que a função for chamada

function mostraMensagem(){

alert("Hello World")

}

A Função que criamos, todas as vezes que for solicitada vai emitir um alert no navegador, exibindo a mensagem "Hello World".

Para fazer uma chamada, usaremos como um exemplo um botão em HTML simples, onde todas as vezes que for clicado, mostrará a mensagem na tela "Hello World".

<button onclick="mostraMensagem()">Clique para mostrar a mensagem</button>

Após implementar o botão, todas as vezes que for clicado, aparecerá na tela a mensagem "Hello World", pois a ação do click (onclick) fará a chamada da função mostraMensagem(), executando os parâmetros contidos nela.