I want to add a number in input field on button click and set the cursor position at the end of text. this should happen every time when the button is clicked.
<input id="input"></input>
<button onclick="addnumber()">add</button>
addnumber(){
}
<input id="input"></input>
<button onclick="addnumber()">add</button>
<script>
function addnumber() {
const myInput = document.getElementById('input');
const textLength = myInput.value.length;
myInput.focus();
myInput.setSelectionRange(textLength, textLength);
}
</script>
let input = document.getElementById('input')
function addnumber() {
input.value=69
input.focus()
}<input id="input">
<button onclick="addnumber()">add</button>JS code :
let input = document.getElementById('input')
function addnumber() {
input.focus();
var val = this.input.value;
input.value = '';
input.value = val;
}
HTML code:
<input id="input">
<button onclick="addnumber()">add</button>