copier un input dans un bouton

Bonjour,
j'aimerai copier en temps réel la saisie dans un input et qu'elle se copie dans le texte d'un bouton sans soumettre?
il faut ajax je pense?

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

?> <script> function isNumberKey(evt){ var charCode = (evt.which) ? evt.which : event.keyCode if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57))) return false; return true; } </script>       <input style="width:150px;color:black;text-align: center;height: 50px;font-size: xx-large;"name="someid" id="someid" type="number" onkeypress="return isNumberKey(event)" value="10"/><label style="font-size: xx-large;">€</label> <br><br><br><br>     <button style="color:black; margin-bottom: -16px;" class="btn btn-lg btn-warning btn-block" name="submit" type="submit"><strong>pour le montant de: <?= number_format( special_round((la il faudrait reprendre la valeur du input),0.050) , $decimals =2, '.', ''); ?> €</strong></button>

---

Ajax est un terme obsolète, il désigne des échanges client/serveur sans refresh complet de la page.

Etant donné ton énoncé il faudra faire du JavaScript, pas besoin d'échanger avec le serveur.

Placer dans un bouton le contenu saisi dans un <input> en temps réel :

Code:

---

1 2 3 4

<form> <input type="text" oninput="this.form.elements['my-button'].value = this.value"> <input type="button" name="my-button"> </form>

---

Il faudra utiliser JS pour formater la valeur.


La même chose avec Vue (qui pourrait t'être utile si tu as beaucoup d'interactions de ce genres entre tes éléments) :

Code:

---

1 2 3 4 5 6 7 8

<script type="module"> import { createApp } from "https://unpkg.com/vue@3.0.11/dist/vue.esm-browser.js"; createApp({ data() { return { value: "" }}}).mount("form"); </script> <form> <input type="text" v-model="$data.value"> <button>{{ $data.value }}</button> </form>

---

merci mais j'ai réussis en ajax