Вызов функции Javascript при нажатии кнопки

Question

Вот мой код javascript, но на каждой странице загрузки вызывается функция javascript, которую я хотел вызывать только при нажатии кнопки

            <input onclick="myFunction()"  id="btnAdd" type="button" class="btn-sm btn-default pull-right" value=" Add Qualification">

, а вот моя функция Javsacript

<script type="text/javascript">


    function myFunction() {

        document.getElementById("btnAdd").onclick = function () { 
            $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
        };
    }
</script>

Answer 1

Если вы используете

document.getElementById("btnAdd").onclick = function () { 
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
    };

этот код, то нет необходимости использовать метод myFunction и удалять onclick из html. Или вы можете просто написать свой логин в методе myFunction и document.getElementById("btnAdd").onclick и добавить onClick в html вот так

<input onclick="myFunction()"  id="btnAdd" type="button" class="btn-sm btn-default pull-right" value=" Add Qualification">

<script type="text/javascript">
    function myFunction() {
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
    }
</script>

Answer 2

Попробуйте этот код, простое решение

<input id="btnAdd" type="button" class="btn-sm btn-default pull-right" value="Add Qualification">

<script type="text/javascript">

    var Btnid = document.getElementById("btnAdd");

    Btnid.addEventListener('click', function(e) {
       alert('Event works only when it clicks')
    });

</script>

Answer 3

Это единственное, что вам нужно. https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

И используйте это, Самоисполняющуюся Функцию, которая гарантирует, что ваша функция не вызывается при загрузке страницы. Но только при нажатии кнопки

// self executing function here
(function() {
   // your page initialization code here
    function myFunction() {
      document.getElementById("btnAdd").onclick = function () { 
        $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
      };
    } 
})();
</script>

Answer 4

<script type="text/javascript">

        document.getElementById("btnAdd").onclick = function () { 
            $("#demo").load("@Html.Raw(Url.Action("_Experience", "Students")) ")
        };

</script>

просто удалите myFunction()