Можно ли на jsfiddle обойти эту ошибку?

229

25 октября 2017, 07:07

Скрипт https://jsfiddle.net/wbuomfsz/1/

<div onclick="return add()">показать</div>
<div id="center">
    пример
</div>
var add = function(){
  console.log('add');
}

Ошибка ReferenceError: add is not defined я догадываюсь возникает из-за того, что HTML вверху, скрипт подключается внизу и на момент нажатия на кнопку функция add() ещё не известна. Если бы это былоа простая страница, то скрипт надо было бы вынести выше кода, а на jsfiddle с этим можно что-то сделать что бы работало?

Answer 1

Там есть опции когда загружать JS. Например функция должна быть заранее объявлена в head (ну или body)

Answer 2

Проблема в настройка jsfiddle:

Для того, чтобы сработал inline обработчик, функция должна быть глобальной и объявлена раньше применения.

Для этого стоит поменять настройку на no wrap in head

Пример: https://jsfiddle.net/wbuomfsz/3/