1. Cначала подгружаем JQuery, потом использующий его скрипт скрипт
2. Используем
$( document ).ready() чтоб все корректно грузилось.
3. Читаем документацию по плагину и используем.
Вот так работает:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset = "utf-8" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/9.2.0/nouislider.css" rel="stylesheet">
</head>
<body>
<div id="range-slider"></div>
<script src="https://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/9.2.0/nouislider.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
var slider = document.getElementById("range-slider");
noUiSlider.create(slider,{
start: 40,
range: {
'min': 0,
'max': 100
}
});
});
</script>
</body>
</html>
