jquery数字加减

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery 数字加减</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div>
        <button id="decrement">-</button>
        <span id="number">0</span>
        <button id="increment">+</button>
    </div>

    <script>
        $(document).ready(function() {
            let count = 0;

            $('#increment').click(function() {
                count++;
                $('#number').text(count);
            });

            $('#decrement').click(function() {
                count--;
                $('#number').text(count);
            });
        });
    </script>
</body>
</html>

$(document).ready(function() {
    let count = parseInt(localStorage.getItem('count')) || 0;

    $('#increment').click(function() {
        count++;
        localStorage.setItem('count', count);
        $('#number').text(count);
    });

    $('#decrement').click(function() {
        count--;
        localStorage.setItem('count', count);
        $('#number').text(count);
    });

    $('#number').text(count); // 初始化显示
});