pegar valor do botão

[Biel. 9]

Olá pessoal. Ao pressionar o botão uma vez quero pegar o valor do botao e jogar no doc1.  Ao pressionar o botão duas vez quero pegar duas vezes o valor do botao e jogar no doc1.  Ao pressionar o botão três vezes quero pegar três vezes o valor do botao e jogar no doc1 e assim por diante

...

<button style="padding:10px;" onclick="funcClick()" id="botao">1</button>
<input type="text" id="doc1" readonly value="">
<!-- <p id="doc745"></p> -->
<script>
function funcClick(){
var xx = document.getElementById('botao');
var xx = xx.value;

var x = document.getElementById('doc1');
// x.value=xx;
x.value="teste";

// for(var i=0; i<x.length; i++){
//       x[i].value = "teste"; 
//   	} 

}
</script>

 

[Omar~ 87]

A tag button não contabiliza o atributo value.

Use a tag input.

Em caso de uso necessário da tag button capture valores determinados como o próprio texto no elemento ou mesmo a propriedade de atributo dataset.

 

https://developer.mozilla.org/pt-BR/docs/Web/API/Node/textContent

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

 

 

Leia isso:

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array

E evite inventar rodas quadradas como essa:

Em 08/11/2023 at 15:17, Biel. disse:

var x = document.getElementById('doc1');

// x.value=xx; x.value="teste";

// for(var i=0; i<x.length; i++){

// x.value = "teste";

// }

 

[Criquio 19]

Uma dica: além do .value que existe nos inputs, tem também o .text e o .innerHTML em outros elementos "não inputs". Tu pode testá-los de acordo os elementos para descobrir qual funciona com qual.