LocalStorage noUiSliderの値||重要！ ：（

Question

私は、ローカルストレージに保存2つの変数（）の値をしたいと、ウェブサイトが更新される場合は、それらをロード

var slider = document.getElementById('slider'); 
 

 
noUiSlider.create(slider, { 
 
\t start: [60, 600], 
 
\t connect: true, 
 
\t range: { 
 
\t \t 'min': 50, 
 
\t \t 'max': 700 
 
\t } 
 
}); 
 

 
var sliderValue = slider.noUiSlider.get(); 
 
var min = parseInt(sliderValue[0]); //Need to storage this value 
 
var max = parseInt(sliderValue[1]); //Need to storage this value 
 
console.log(Math.floor((Math.random() * (max-min)) + min));

#slider { 
 
    width: 400px; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.2.1/nouislider.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.2.1/nouislider.min.js"></script> 
 

 

 

 
<div id="slider"> 
 

 
</div>

重要な私のJSの知識がちょっと少ないので、もしあなたが？。！！たいあなたが赤ちゃんに話しているように話す、私に何かを説明実際

Answer 1

ここでは、ソリューションhttps://jsfiddle.net/ozfpr1cn/1/

var slider = document.getElementById('slider'); 
 

 
var start; 
 
if(localStorage.getItem('noUISlider') == null){ 
 
\t start = [60, 600]; 
 
}else{ 
 
\t start = $.map(localStorage.getItem('noUISlider').split(","), function(value){ 
 
    return parseFloat(value, 10); 
 
    }); 
 
} 
 

 
noUiSlider.create(slider, { 
 
\t start: start, 
 
\t connect: true, 
 
\t range: { 
 
\t \t 'min': 50, 
 
\t \t 'max': 700 
 
\t } 
 
}); 
 

 
var sliderValue = slider.noUiSlider.get(); 
 
slider.noUiSlider.on('change', function(){ 
 
\t localStorage.setItem('noUISlider', slider.noUiSlider.get()); 
 
});

#slider { 
 
    width: 400px; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.2.1/nouislider.min.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/noUiSlider/8.2.1/nouislider.min.js"></script> 
 

 
<div id="slider"> 
 

 
</div>

で行きます

Answer 2

あなたが項目を設定し、取得するためのlocalStorage APIを使用することができます。。

まずあなたが目にしたい場合localStorageで鉱石アイテム、ちょうどセットのAPIを使用します。

myValueはあなたがのlocalStorageを取得したい場合は、単にAPIを取得する使用2番目の項目名

ある

localStorage.setItem('myValue', sliderValue[0]); 

：

localStorage.getItem('myValue');