Как я могу установить значение по умолчанию для палитры цветов, прежде чем локальное хранилище будет установлено с помощью jscolor? - PullRequest
Новая
       4

Как я могу установить значение по умолчанию для палитры цветов, прежде чем локальное хранилище будет установлено с помощью jscolor?

0 голосов
/ 31 января 2019

Мне нужно установить значение цвета по умолчанию для палитры цветов jscolor, прежде чем будет установлено локальное хранилище.Вместо значения # 000000 оно перезаписывается на # ffffff.

Я попытался установить значение входов и записать его в журнал, за исключением того, что оно перезаписывается до того, как оно кэшируется. 

<div id='panel'style="background-color:lightblue">
  <h3 style="background-color:lightblue">style</h3>
</div>

#panelColor{
  width: 60px;
  position: absolute;
  left: 10px;
  top: 65px;
}
#btn{
  width = 60px;
  position: absolute;
  top: 120px;
}


var colorScript = document.createElement('script')
colorScript.src = 'https://unsensitive-abrasio.000webhostapp.com/jscolor.js'

var ti2 = document.createElement('input')
    ti2.className = "jscolor {onFineChange:'panel.style.color = this.toHEXString()'}"
    ti2.id = "panelColor";
    ti2.value = '000000';

panel.style.color = localStorage.getItem('ti2psc')
    ti2.value = localStorage.getItem('ti2val')
    ti2.onchange = function(){
        localStorage.setItem('ti2psc', panel.style.color)
        localStorage.setItem('ti2val', ti2.value)
    }

var btn = document.createElement('input')
btn.id = 'btn'
btn.setAttribute("type", "button")
btn.value = 'reset'

btn.onclick = function(){
 localStorage.clear();
 location.reload(true);
}

document.head.appendChild(colorScript)
document.getElementById('panel').appendChild(ti2)
document.getElementById('panel').appendChild(btn)

Значение входа будет предопределено до заданного значения перед настройкой локального хранилища.

код: https://codepen.io/anon/pen/VgPjyq

...