Внешняя функция JavaScript undefined, но существует

Question

У меня есть 2 файла, один HTML, один JavaScript.

JavaScript файла (contacts.js):

function add_contact() { 
    // Rest of Code here 
} 

HTML файла:

<script src="/assets/js/contacts.js" type="javascript/text"></script> 

У меня есть кнопка, которая при клике, он вызывает функцию 'add_contact':

<button type="button" class="btn btn-primary" onclick="add_contact();">Save changes</button> 

Когда код JavaScript является заголовком HTML-файла, функция работает нормально. Однако, теперь это часть внешнего файла, возвращает следующее сообщение об ошибке:

Uncaught ReferenceError: add_contact is not defined

Я чувствую себя немного потерял над этим, так что любая помощь будет фантастическим!

Answer 1

Тип должен быть text/javascript не javascript/text

Answer 2

Изменить этот блок разметки:

<script src="/assets/js/contacts.js" type="javascript/text"></script> 

к:

<script src="/assets/js/contacts.js" type="text/javascript"></script>