Newer
Older
rails-otp-try / CPM-program / app / views / quiz / click.js
@ItoRino ItoRino on 1 Dec 831 bytes add
// ページが読み込まれた後に実行される処理
document.addEventListener("DOMContentLoaded", function () {
    // ページをまたいで保持する変数
    let clickCount = parseInt(localStorage.getItem("clickCount")) || 0;
    
    // 初期表示
    updateClickCount();

    // ボタンクリック時の処理
    document.getElementById("clickButton").addEventListener("click", function () {
        // カウントを増やす
        clickCount++;
        
        // ローカルストレージに保存
        localStorage.setItem("clickCount", clickCount);

        // 表示を更新
        updateClickCount();
    });

    // クリック数を表示する関数
    function updateClickCount() {
        document.getElementById("clickCount").textContent = "Click count: " + clickCount;
    }
});