Przycisk dodający tekst do <input type="text"> w JS

Question

Jak stworzyć przycisk, który doda wartość do <input type="text">?
Wiem jak zrobić to z textarea, ale z tym mi nie wychodzi.

Proszę o pomoc.

Answer 1

Normalnie, dodajesz przycisk do twojego input-a dodajesz id np. id="usrname" (tyle to wygoglować możesz) i podpinasz pod zdarzenie click funkcję wykonującą taki kod:

document.querySelector("#uname").setAttribute("value", "Twój upragniony tekst");

 

Comments

W sumie to da się krócej, document.querySelector("#uname").innerHTML = "tekst";

---

@obl, Nie chce działać

<input type="text" name="number" id="number">
<button onclick="addNumber;" value="P">P</button>
<script>
	    function addNumber{
		document.querySelector("#number").innerHTML += "value";
	    }
</script>

 

---

<input type="text" name="number" id="number">
<button onclick="addNumber()" value="P">P</button>
<script>
  function addNumber(){
document.querySelector("#number").setAttribute("value", "text");
}
</script>

funkcja ma nawiasy () nawet jak nie przyjmuje argumentów

---

Działa. Tylko zamiast "text", chciałbym, żeby zwracało "value" z przycisku

---

Daj kurze grzędę, nie wyżej wejdę. A masz:

<input type="text" name="number" id="number">
<button onclick="addNumber()" id = "myPButton" value="P">P</button>
<script>
  function addNumber(){
document.querySelector("#number").setAttribute("value", document.querySelector("#myPButton").getAttribute("value"));
}
</script>

 

---

Dzięki Ci bardzo dobry człowieku.

Edit: Nie o to mi jednak chodziło. Tekst miał się dodawać, a nie zmieniać, dlatego we wcześniejszym kodzie dałem "+=".