03
Май
2020

Есть кликер реализованный через localStorage для сохранения результата но при перезагрузке страницы и если кликнуть,значение в localStorage обнуляется

<!DOCTYPE html>
<html lang="en">

    введите сюда код

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LocalStorage</title>
</head>

<body>
    <h1>LocalStorage</h1>
    <p>Ваши клики <span id="result"> 0</span></p>
    <button id="myBtn">+1</button>
    <h1></h1>
    <script>
        let h1 = document.querySelector('h1')
        let result = document.querySelector('#result');
        let btn = document.querySelector('#myBtn');
        console.log(result);
        let count = 0;
        btn.addEventListener('click',function(){
            count++;
            result.textContent = count;
            localStorage.setItem('count',JSON.stringify(count))
        })
 </script>
</body>

</html>

Источник: https://ru.stackoverflow.com/questions/1119817/%D0%95%D1%81%D1%82%D1%8C-%D0%BA%D0%BB%D0%B8%D0%BA%D0%B5%D1%80-%D1%80%D0%B5%D0%B0%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%BD%D1%8B%D0%B9-%D1%87%D0%B5%D1%80%D0%B5%D0%B7-localstorage-%D0%B4%D0%BB%D1%8F-%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F-%D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82%D0%B0-%D0%BD%D0%BE-%D0%BF%D1%80%D0%B8-%D0%BF%D0%B5

Тебе может это понравится...

Добавить комментарий