2
respostas

Adicionar valor no campo e ao atualizar a página web o valor precisa permanecer.

estou adicionando um valor em uma página web e preciso que o valor fique informado após a atualização da página;

    <script language="JavaScript">
        function protegercodigo() {
        if (event.button==2||event.button==3){
            alert('Codigo protegido!');}
        }

        event.preventDefault(id);
        document.onmousedown=protegercodigo
    </script>

</head>

<body>        
    <header>
        <h1>Configuração de Nível de Brilho Material Existente</h1>
        <div class="cabecalho">
            <div>
                <label id="textNivel">Níveis de Brilho </label>
                <div class="rangeNivel">
                    <input type="range" min="0" max="100" value="0" id="sliderN">
                    <div id="SelectValueN"></div>
                    <input type="button" id="NVL" value="ADICIONAR" class="buttonAddn" onclick="sendNivel(id);">

                </div>

                <div>
                <label id="textNivel">Nível de Relevo </label>
                <div class="rangeNivel">
                    <input type="range" min="0" max="100" value="0" id="sliderR">
                    <div id="SelectValueR"></div>
                    <input type="button" id="RVL" value="ADICIONAR" class="buttonAddr" onclick="sendRelevo(id);">
                </div>

            </div>
            <script>
                var SelectValueN = document.getElementById("SelectValueN");
                var SelectValueR = document.getElementById("SelectValueR");

                SelectValueN.innerHTML = sliderN.value;
                SelectValueR.innerHTML = sliderR.value;

                sliderN.oninput = function(){
                    SelectValueN.innerHTML = sliderN.value;
                }

                sliderR.oninput = function(){
                    SelectValueR.innerHTML = sliderR.value;
                }
            </script>
        </div>
    </header>
2 respostas

Olá Maycon tudo bem? espero que sim!!!

Primeiramente atribua uma relação entre o input que seleciona o brilho e o adicionar, por meio do atributo html ---> for, segue o link abaixo como referência: https://www.w3schools.com/TAGS/att_for.asp

ps: sugiro que crie um input e uma label para cada, como sugerido no tópico!!!

logo apó crie um addEventListener para os botões adicionar! que armazena os valores dos níveis, armazene em uma variavel do tipo objeto. Segue o link do tópico como referência: https://www.w3schools.com/js/js_objects.asp

tópico sobre addEventListener: https://www.w3schools.com/jsref/met_document_addeventlistener.asp

e para manter os dados mesmo quando houver o window, leia esse tópico sobre o document.cookies: https://www.w3schools.com/js/js_cookies.asp

siga esse exemplo, qualquer dúvida. Espero ter ajudado! https://pt.stackoverflow.com/questions/371918/captura-do-valor-do-cookie-de-modo-simplificado-por-javascript

Tentei realizar o procedimento mais não deu certo, não consegui fazer funcionar