Станислав

Может конечно, даже если у вас на сервере скрипта не будет, сам напишет свой и отправит.
Защищаться от таких действий надо на стороне сервера проверки делать, копайте в сторону csrf token, он отсекет запросы с чужих доменов и прочее, но и этого недостаточно будет в вашем случае, нужно еще проверки делать, частота обращений с одной сессии, может какой то ключ кодировать и сверять на сервере. Вариантов на самом деле масса, все сугубо индивидуально и возможно какую то жесткую проверку делать не целесообразно.
Я лично стараюсь избегать подобного, смысла нет костыли делать, когда проще ногу вылечить

Зависит от того понадобится ли JS вам в будущем, если нет, то и смысла нет, а если будете сайты делать, то хочешь не хочешь, а разбираться придется. Сегодня не один проект без JS не обходится, раньше было проще, но не сейчас, сегодня JS уже на бекенде вовсю, так что динамика его применения только расширяется, как следствие у вас просто выхода нет, если будете что либо разрабатывать для веба

Если JSON.parse не устраивает, можно делать так

<div class="block js-block-obj" data-info-b=10 data-info-s=1></div>

Как и всегда

document.querySelector('.reviews_next') && document.querySelector('.reviews_next').addEvent..........

На сколько я помню в jQuery есть animation, его и используй, тогда по идеи рывки должны исчезнуть. Если без jQuery то в цикле +1px надо делать. Или попробовать добавить в css transition, но я не знаю будет ли работать это в паре с js, надо смотреть.

А вобще судя по тому что нужно, лучше добавлять определенный класс блоку для сдвига, а в CSS уже определить transition и тогда будет счастье

window.onclick = function onclickRadio() {
  var rezultatRadio = '';
// Дальше все остальное

Я обычно не парюсь, тупо по необходимости создаю элемент script и подгружаю библиотеку. К примеру с plupload, он по сути нужен только тогда когда кто то хочет загрузить файл, ну вот и подключаю скрипт тогда когда это необходимо.

Решение напрашивается само, кликнул -> создал script с нужным src и выставил его перед /body, вот собственно и все и никаких релоадов и прочего не нужно

А где сам обработчик клика по строке в таблице?

var e = document.querySelectorAll('tr');
Array.prototype.forEach.call(e, function(e) {
    e.addEventListener('click', n)
});

function n(e) {
    var id = e.target.getAttribute('data-id');
    $.getJSON...............
         for..........
              if(id == data[i].id)
                   // че то делаем
   
}

Не понятно что именно вам нужно
1. Если нужно с сервера файл загружать, то на это в jQuery есть api.jquery.com/load
2. Если нужно получить содержимое переменной во втором файле, то и мудрить нечего

<script src="/myApp.js"></script>
console.log(hotels)

3. Можно и дальше продолжать до бесконечности, извращениям нет предела ))

return (
      <button id="fast_bet_1" data-route="hide">Скрыть/Раскрыть</button>
      <div className="fast-bet" data-id="fast_bet_1">
        <div className="fast-bet__head clearfix">
          <div className="fast-bet__balance">
            {(user.money || 0).toFixed(2)}
          </div>
          <button className="fast-bet__btn-bet" onClick={this.handlePlaceBet}>
            Поставить предметы
          </button>
          <button className="fast-bet__btn-transfer" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "STEAM" })}>
            Перевести
          </button>
          <button className="fast-bet__btn-withdraw" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "STEAM" })}>
            Вывести
          </button>
          <button className="fast-bet__btn-deposit" onClick={() => actions.addModal({ type: "INVENTORY", inventoryType: "SITE" })}>
            Пополнить
          </button>
          <button className="fast-bet__btn-refresh" onClick={this.refreshInventory}>
            <i className={`fast-bet__refresh-icon fa fa-refresh ${!isLoaded ? "fast-bet__refresh-icon--active" : ""}`.trim()} />
          </button>
          <div className="fast-bet__info-message">
            Ваш внутренний инвентарь
          </div>
        </div>
        <div className="fast-bet__content">
          <Scrollbars
            renderView={props => <div {...props} className="fast-bet__inventory clearfix" />}
            autoHeight
            autoHeightMin={105}
            autoHeightMax={210}
          >
            {inv}
          </Scrollbars>
        </div>
      </div>
    );

(function() {
    var e = document.querySelectorAll('[data-route="hide"]')
    Array.prototype.forEach.call(e, function(e) {
        e.getAttribute("data-init") || (e.setAttribute("data-init", "true"), e.addEventListener("click", hide))
    })

    function hide(e) {
        var t = document.querySelector('[data-id="'+e.target.id+'"]')
        t.style.display = t.style.display === 'block' && 'hidden' || 'block'
    }
})()

На коленке писал, надо проверять

Если на JS делать, то нужно чекать useragent и само поле textarea, как то так =)

(function(){
	var mobile = /android|iphone/.test(navigator.userAgent)
  var textarea = document.querySelector('textarea')
  textarea.onkeydown = function(e) {
  	mobile && (textarea.value = toLowerCaseFirstStr(textarea.value))
  }
})()

function toLowerCaseFirstStr(e) {
	return e && (e[0].toLowerCase() + e.slice(1))
}