How to pass a text as a parameter to a Javascript function?

Question

I need to do a Javascript function and I want it to receive the parameters in text format:

HTML code:

<button onClick="AlteraNome(Felipe)">Enviar Nome</button>

Javascript code:

function AlteraNome(nome){
   document.write(nome);
}

If anyone can help me, I’d appreciate it!

Answer 1

If you are trying to get the name applied to the button in the example of your question, you can do this using document.getElementById("meuBotao").innerText; as follows:

function alteraNome() {
    // procura o id="meuBotao" e substitui o texto dentro dele por - "Outro Nome Aqui"
    document.getElementById("meuBotao").innerText="Outro Nome Aqui";
}

<button onclick="alteraNome()" id="meuBotao">Altera Nome do Botão</button>

If you’re trying to get a name entered in a input and pass it somewhere else, like another div for example, you can do it this way:

function transfereNome() {
    var input = document.getElementById('enviaNome')
    var div = document.getElementById('mostraNome');
    // diz que o conteúdo dentro do id="mostraNome" é igual ao valor introduzido no input
    div.innerText = input.value;
}

<input type="text" id="enviaNome"/>
<button onclick="transfereNome()">Enviar Nome</button>
<div id="mostraNome"></div>