Не удается получить атрибут onclick кнопки для вызова функции JS

Question

У меня есть простая форма, которую в jsfiddle я упростил еще больше:

https://jsfiddle.net/mvw1nt5L/

По сути, у меня есть таблица с только строкой заголовка.Над ним у меня есть кнопка «Добавить», которая при каждом нажатии на нее должна добавлять строку в таблицу.

мой элемент кнопки ...

<button id="addMeeting" type="button" onclick="addMeeting();" > Add A Meeting </button>

и связанный с ним элементФункция JS просто

function addMeeting() {
alert("add button clicked");
return false;
}

Реально, очень просто!Но это не работает.код JS содержится непосредственно в html-документе в виде тега скрипта.

Что я делаю не так?ТИА за любую помощь!

Гас

Answer 1

похоже это проблема загрузки и объема.Если вы поместите тег сценария перед html, он будет работать нормально:

<script>
function addMeeting() {
      alert("add button clicked");
      return false;
    }
</script>
    <button id="addMeeting" type="button" onclick="addMeeting()"> Add A Meeting </button>

или вы также можете явно использовать объект окна:

window.addMeeting = function() {
      alert("add button clicked");
      return false;
    }

и:

<button id="addMeeting5" type="button" onclick="window.addMeeting();"> Add A Meeting </button>

Answer 2

Это конфликт между идентификатором элемента в вашей форме и именем функции.Или, может быть, не столько конфликт, сколько предметная проблема.Честно говоря, я никогда с этим не сталкивался, пока не попытался решить твою проблему.Очень странно.Вот более подробное объяснение:

Почему имя функции JS конфликтует с идентификатором элемента?