Question

I have 2 textBox and 1 button!
I want to insert text to one of these textboxs. When I click to textbox_1 and click button, mytext will appear at textbox_1. When I click to textbox_2 and click button, mytext will appear at textbox_2.
How can I do this by using JavaScript?
Please help me! I’m new on JavaScript!

Answer 1

put id’s of the two textboxes as textbox_1 and textbox_2 and put onclick='onCLickButton();' on the <button> tag
and write the following code in the script

var text_to_be_inserted = "sample";
function onCLickButton(){
    document.getElementById("textbox_1").value='';
    document.getElementById("textbox_2").value='';
    if(document.getElementById("textbox_1").focused){
        document.getElementById("textbox_1").value=text_to_be_inserted;
    }
    else if(document.getElementById("textbox_2").focused){
        document.getElementById("textbox_2").value=text_to_be_inserted;
    }
    else{
        // do nothing
    }
}

Edited

Please accept my apologies actually I am used to use these functions as I have my own js file having these functions.

please add onfocus='onFocusInput(this);' in the <input> tags and add the following code in the script

function onFocusInput(object){
    document.getElementById("textbox_1").focused=false;
    document.getElementById("textbox_2").focused=false;
    object.focused = true;
}