Use multiple button on same function of javascript

Question

I want to make multiple button for different text boxes that uses the same function but store on different id names.

Name<input id="name"></input>
<button onclick="myFunction()">Start</button>

<script>
    function myFunction() {
        var recognition = new (window.SpeechRecognition || 
        window.webkitSpeechRecognition || window.mozSpeechRecognition || 
        window.msSpeechRecognition)();
        recognition.lang = 'en-US';
        recognition.interimResults = false;
        recognition.maxAlternatives = 5;
        recognition.start();
        recognition.onresult = function(event) {
           document.getElementById("name").value =(event.results[0][0].transcript);
         };
    }
</script>

Store the id into a data-* attribute in a button, then read the value of the attribute in the function instead of hardcoding the id. — Teemu
– Teemu, Commented Nov 25, 2018 at 18:15

Nawed Khan · Accepted Answer · 2018-11-25 18:16:42Z

3

Pass the ID of input field when calling the function, like this

Name<input id="name"></input>
<button onclick="myFunction('name')">Start</button>

Phone<input id="phone"></input>
<button onclick="myFunction('phone')">Start</button>


<script>
function myFunction(id) {
    var recognition = new (window.SpeechRecognition || 
        window.webkitSpeechRecognition || window.mozSpeechRecognition || 
        window.msSpeechRecognition)();
    recognition.lang = 'en-US';
    recognition.interimResults = false;
    recognition.maxAlternatives = 5;
    recognition.start();
    recognition.onresult = function(event) {    
         document.getElementById(id).value =(event.results[0][0].transcript);
    };
}
</script>

answered Nov 25, 2018 at 18:16

Nawed Khan

4,3911 gold badge12 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nawed Khan Over a year ago

I am glad I was able to help. Please accept the answer so others can learn too.

Collectives™ on Stack Overflow

Use multiple button on same function of javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related