DrunkMaster

1)Вам нужно присвоить myid.onclick ссылку на функцию Main. При вызове обработчика туда будет передан параметр - объект события.
2)Как было сказано выше, у Вас функция определяется через function expression, поэтому использовать ее можно только после определения.

Вот, что должно получиться:

var Main = function(e) {
  
    var Run1 = function(id){ alert('событие1');    }
    var Run2 = function(id){ alert('событие2');    }
    
    if(e.isTrusted === true){
        Run1(1);
    }
    else {
        Run2(2);
    }
    
  };
  
  myid.onclick = Main;

P.S. Не рекомендовал бы Вам использовать подобный способ подписки на событие, т.к., если мне не изменяет память, при таком подходе Вы можете определить только один обработчик данного события для данного элемента (и затрете обработчики, которые могли быть определены до этого). Предпочтительнее использовать addEventListener.

Можно так.

Или так.

опять круд опять роуты все одно и тоже

Прекрасно, вы уже поняли зачем нужны фреймворки, т.к. без толку переходить на них пока нет понимания

Как вы считаете, нужно ли годик кодить для себя на чистом языке?

Желательно но в вопросе нет информации сколько вы уже кодите

Что будет, чем грозит если я буду сразу на фреймворке работать?

Непонимание того зачем во фреймворке сделали именно так а не иначе, почему всё так сложно и что если этого не делать

роутеры и прочее, уже опять же привык, к мвц

роутинг можно взять готовый, и MVC реализовать самому быстро

как в пустую кодишь..

Так вы за опыт кодите, у меня были проекты не на фреймворках, ни об одном не жалею

В общем ваше мнение как поступать?

Делайте на фреймворке, и по работе если надо, то видите значит звёзды так уже складываются.

xhr.open('GET', 'http://......................com', false);

Заменить эту строку на приведенную выше.

Да можете переменной её присвоить и потом обращаться к ней через её имя.

Да, нужно вынести её отдельно. Потом уже вызвать внутри function Level и в другом нужном месте.

$class = 'MyClass';
$method = 'my_method';
$obj  = new $class;
$doit = $obj->$method(); // или $obj->{$array['key']}();

Для тех кто подписался:
Нужно сначала разлогиниться из аккаунта
И при повторном входе появится кнопка удалить:

Нажав на нее можно будет поудалять ненужные аккаунты.

Не знаю это ответ или дополнение к вопросу.
1) Разве есть из коробки реактивность в реакте ? Сейчас скрещивают Redux + RX Js https://github.com/redux-observable/redux-observable , еще есть такая штука https://github.com/christianalfoni/rxjs-react-component
2) Из коробки RX.js прикручен к Angular

3) "сделать что-то типа getElementsByClassName() и в цикле и отслеживать изменение необходимого количества инпутов..." звучит как двусторонний датабиндинг в ангуляр первом. Во втором ангуляре отказались от использования двустороннего биндинга по умолчанию, потому, что легко поиметь проблемы с производительностью. По моему это далеко не реактивность.

4) Есть Rx.js, ClojureScript, на крайняк Bacon.js может стоит почитать про них ?

Значит ли это, что 143 потока процессоров будут простаивать

вообще да

по этой причине Node не применяется для действительно сложных проектов с огромной аудиторией

Серверный JS появился не так давно, на это надо делать скидку. Всё от проекта зависит и требований, V8 довольно хорошо оптимизирован внутри, но если нужна многопоточность из коробки то лучше взять go с его горутинами, другое дело что это не всем надо + мне нужно новый язык изучать а так я знаю JS и могу строить систему пусть и однопоточную но зато на привычном стеке.
Когда C++ появился многоядерные процессоры даже не планировались ещё, способы работы с многопоточностью были добавлены во многие языки намного позже, где-то более удачно, где-то менее.

Перемудрили. Всё должно быть очень просто. Что такое тип медиа? Музыка или видео? Так по

/movies/genre/{id}/film/{id} - фильмы
/music/albums/{id}/tracks/{id} - музыка

Далее. Если я знаю id трека или фильма мне надо дать возможность обратиться непосредственно к нему:

music/track/{id} - всё

Если я не знаю какой трек мне нужен я прошу все треки из направления музыкального, например rap у него id=13

music/style/13

По этому запросу выдаются пачки направления по 100, 300 или 1000 штук в зависимости от ресурсов и можно указать пагинатор

music/style/13/2 - вторую страницу направлений мне покажите

Именно поэтому параметры лучше передавать в явном виде в url типа style=13&page=2 потому что так не запутаешься что такое 13 и что такое 2.

Если я совсем ничего не знаю и жанры тоже должен быть вспомогательный метод для получения всех жарнов, как у ВК для получения городов например. Запрос вида:

music/allganre?page=0

отдаёт 100 пар вида "название жарнра -> id" так сделав 5 запросов с page=0/1/2/3/4 я в своём приложении смогу иметь всю базу возможных жанров. Можно сделать метод что бы получить жанр конкретной песни:

music/getganre?track=1456

И т.п.

music/getalbums/1456 - получить все альбомы исполнителя
music/detailalbum/1456 - получить все данные об альбоме (год выпуска и т.п.)
music/tracksalbum/1456 - получить список треков конкретного альбома

В общем идите не от частного к общему а наоборот, представьте с чего начать работу человеку который ничего не знает. Максимальную атомарность запросов введите что бы они были между собой никак не связаны. И человек сначала получит жарны, по жанру список исполнителей, по нему список альбомов, по нему список песен, по нему данные о нужной песне. И это всё отдельные запросы.

Эм... вообще-то там другая ошибка:

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
at HTMLDivElement.add.onclick ((index):48)

Это потому, что div у вас в виде строки, а ожидается Node.

Сложную конструкцию быстрее всего загружать при помощи innerHTML. А зачастую не только быстрее, но и проще.

Кажется вы пытаетесь искать проблему не в том месте: замените
if (a.sort < b.sort)
на
if (a[sort] < b[sort])
и все заработает.

Правильно ли я понимаю что сам vue в ajax не умеет и надо подключать vue-resource?

Vue-resource уже давно не является "официально рекомендуемым" решением. Вы можете использовать тот же axios или обычный fetch и подставлять полифилл для него.

Если вы используете vue-resource (вижу в демке он присутствует) - посмотрите внимательнее на пример использования.

У меня стоит плагин для браузера для дебага vue, далее debug: true внутри data и всё молчит, консоль в инспекторе кода для данного случая не показывает никаких ошибок и предупреждений.

В jsfiddle вообще проблематично что-то отлаживать, ибо это расширение не умеет работать с кодом внутри iframe.

Как мне получить и вывести на экран просто любой текст, который выдаёт мне запрашиваемая страница что бы понять что хоть что-то работает

Включить babel, чтобы использовать стрелочные функции и не париться с контекстом, и написать что-то такое:

request: function() {
    this.$http.get('http://jsonplaceholder.typicode.com/users')
        .then(response => {
            this.users = response.body;
        });
}

Так вот же https://www.npmjs.com/package/bootstrap-sass
To match upstream Bootstrap's level of browser compatibility, set Autoprefixer's browsers option to:

[
  "Android 2.3",
  "Android >= 4",
  "Chrome >= 20",
  "Firefox >= 24",
  "Explorer >= 8",
  "iOS >= 6",
  "Opera >= 12",
  "Safari >= 6"
]