sonca-ca

Ваш код у меня в принципе не работает так, как должна работать навигация по теме бутстрапа.
Прежде чем кастомизировать, убедитесь что у вас просто пример работает, а потом уже меняйте/добавляйте/etc

<nav class="navbar navbar-default bg-color3">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="round-toggle menu-collapse-btn  navbar-toggle collapsed" data-toggle="collapse" data-target="#id_to_collapse" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand goto" href="#"><img src="img/logo.png" height="25" alt="" data-selector="img"></a>
    </div>
    <div class="collapse navbar-collapse navMenuCollapse" id="id_to_collapse">
      <ul class="nav navbar-nav">
        <li><a href="#" >Пункт 1</a></li>
        <li><a href="#" >Пункт2</a></li>
        <li><a href="#" >Пункт3</a></li>
        <li><a href="#" >Пункт4</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Выпадающий пункт <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Подпункт</a></li>
            <li><a href="#">Еще подпункт</a></li>
            <li><a href="#">Еще что-то</a></li>
            <li class="divider"></li>
            <li><a href="#">И еще</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

String selectCost = "select Cost from OS where idOS='" + Value1 + "'";
            double Summa = Convert.ToDouble(selectCost) *
           Convert.ToDouble(count);

В первой строке вы присваиваете selectCost текст запроса, а во второй пытаетесь этот текст привести к типу double. Строка ""select Cost from..." не приводится к double и у вас получается исключение, что входная строка имела неверный формат.

$('li').click(function(){
    $('li.color').removeClass('color');
    $(this).addClass('color');
});

Изначально у вас сообщение про раскладку, когда проблема с капсом вы меняете сообщение, а вот когда новая проблема с раскладкой после капса, текст не меняется и выводится что было

if (isCyrillic(keyName)) { //вывод сообщения о не правильной раскладке
   //нужно добавить
    var modalWindowCaps = document.getElementById("alertWindowText");
    modalWindowCaps.innerHTML = ("Раскладка!");
    ...
}  else if (capsLockEnabled && keyName != null) {
    var modalWindowCaps = document.getElementById("alertWindowText");
    modalWindowCaps.innerHTML = ("Включен CapsLock!");
    ...
}

Не понятно как именно вы хотите чтобы работал код, но сейчас он работает согласно тому, что вы написали.

Вы написали функцию и вызываете ее один раз. В тот момент, когда вы она выполняется, в переменной keyName действительно еще ничего нет.
Для того, чтобы ваша функция выполняла проверку после нажатия на клавишу, необходимо добавть ее вызов в функцию, которая исполняется по нажатию на клавишу.

var keyName;
var counterLetters = 0;
document.addEventListener("keypress", (event) => {
    keyName = event.key;
    checkUsersKey("something");
});
function checkUsersKey (levelText) {
    if(levelText[counterLetters] == keyName){
        alert("true");
    }
}

Выводите селект в цикле с проверкой если это нужный option, ставьте ему selected
Или после скриптами нужному select ставьте нужное значение

У вас в коде прописана привязка к тому, какой период выбран. Когда вы меняете через календарь дату в одном из полей, вторая дата автоматически пересчитывается согласно выбранному периоду.
Когда вы ставите в первое поле дату допустим 27 апр 2018 то конечная дата пересчитается вашим кодом

this.dateEnd = moment(value).add(1, this.selectedPeriod).toDate()

за сегодня прибавится 1 день к начальной дате, это и будет значение конечной 28 апр 2018
за неделю прибавится 1 неделя - конечная дата 4 мая 2018
за месяц - 1 месяц - конечная дата 27 мая 2018

В таком случае не очень понятно в чем проблема