Call a function based on the onchange-event

StackOverflow Question:My Answer

I have been used addEventListener in change state so that it will easy to call two different functions by select tag HTML. Check the link given below.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <h1 id="eg"></h1>

    <select id = "nextGeneration"  >
  <option value="1">1</option>
  <option value="2">2</option>
    </select>


    <script type="text/javascript">
    document.getElementById("nextGeneration").addEventListener("change", function(){
    if(document.getElementById("nextGeneration").value == "1")
    {
      F1();
    }
    else if (document.getElementById("nextGeneration").value == "2") {
    F2();
    }

    });

    function F1(){
    console.log(1);
    }
    function F2(){
    console.log(2);
    }
 
    </script>
  </body>
</html>

Comment it !!! If you have any queries.

Comments

Post a Comment

Popular posts from this blog

Zoho Second round - adding a digit to all the digits of a number

Adding a digit to all the digits of a number eg digit=4, number = 2875, o/p= 612119 C Program: #include<stdio.h> #include<conio.h> #include<string.h> int main() {     int t,n,i=0;     char num[100];     printf("Enter the digit: ");     scanf("%d",&n);     printf("Enter the number: ");     scanf("%s",num);     printf("o/p ");     for(i=0;i<strlen(num);i++)     {     printf("%d",num[i]-'0'+n);     }  getch();  return 0; }  
Read more

Artificial Intelligence

Image
Artificial Intelligence 1.    What is AI technique? Artificial  Intelligence (AI)  is  the study  of  how  to make computers do things which, at  the moment, people do better. It is a method that exploits knowledge that should be represented in such a way that: ·    The knowledge captures generalizations. ·    It can be understood by people who must provide it. ·    It can be easily modified to correct errors and to reflect changes. ·    It can be used in situations even if it is not accurate and complete. ·    It helps to narrow the range of possibilities that is has to be considered. 2.    What are the steps to be considered to solve a problem? To solve a particular problem, the following steps are taken into account, ·    Define the problem precisely. ·    Analyze the problem. · ...
Read more