CATEGORY

難問チャレンジ

デビル【レベル2】

超難問チャレンジ問題【デビル】です。 500点以上でクリア！ 難易度レベルは2、見習い卒業!!? (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：6桁×6桁 20問 わり算　：10(9)桁÷7桁 20問 みとり算：13桁 50口 6問 ============================   問題集ダウンロードは↓こ […]

魔神【レベル3】

超難問チャレンジ問題【魔神】です。 500点以上でクリア！ 難易度レベルは3、全集中でチャレンジ!! (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：7桁×6桁 20問 わり算　：11(10)桁÷7桁 20問 みとり算：14桁 50口 6問 ============================     問題 […]

大魔神【レベル4】

難問チャレンジ問題【大魔神】です。 500点以上でクリア！ 難易度レベルは4、だんだん難しくなってきた!? (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：7桁×7桁 20問 わり算　：11(10)桁÷8桁 20問 みとり算：15桁 50口 6問 ============================   問題集ダウン […]

阿修羅【レベル5】

超難問チャレンジ問題【阿修羅】です。 500点以上でクリア！ 難易度レベルは5、ファイト!(^^)! (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：8桁×7桁 20問 わり算　：12(11)桁÷8桁 20問 みとり算：16桁 50口 6問 ============================   問題集ダウンロード […]

ゼウス【レベル6】

難問チャレンジ問題【ゼウス】です。 500点以上でクリア！ 難易度レベルは6、頑張って!(^^)! (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：8桁×8桁 20問 わり算　：13(12)桁÷8桁 20問 みとり算：17桁 50口 6問 ============================   問題集ダウンロードは […]

竜王【レベル7】

難問チャレンジ問題【竜王】です。 500点以上でクリア！ 難易度レベルは7、ぜひチャレンジを!(^^)! (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：9桁×8桁 20問 わり算　：14(13)桁÷8桁 20問 みとり算：18桁 50口 6問 ============================   問題集ダウンロ […]

竜神【レベル8】

難問チャレンジ問題【竜神】です。 500点以上でクリア！ 難易度レベルは8、ぜひチャレンジを!(^^)! (全5ページ、印刷設定：B4サイズ) ============================ かけ算　：9桁×9桁 20問 わり算　：15(14)桁÷8桁 20問 みとり算：19桁 50口 6問 ============================   問題集ダウンロードは↓こ […]

覇王【レベル9】

Coming Soon！！     フラッシュ暗算は↓で練習できます。   無料のフラッシュ暗算にチャレンジ　はこちら＞＞    

見習【レベル1】

難問チャレンジ問題【見習】です。 500点以上でクリア！ 難易度レベルは1、難問チャレンジ開始しましょう(^^♪ (1ファイル全5ページ、印刷設定：B4サイズ) ============================ かけ算　：6桁×5桁 20問 わり算　：10(9)桁÷6桁 20問 みとり算：10桁 50口 6問 ============================ ↓見本はこちら↓ PD […]

document.addEventListener("DOMContentLoaded", function () { let digit = 1; let count = 5; let speed = 1000; let numbers = []; let sum = 0; let currentIndex = 0; let interval; const canvas = document.getElementById("flash-canvas"); const ctx = canvas.getContext("2d"); function updateDisplay() { document.getElementById("digit-display").textContent = digit; document.getElementById("count-display").textContent = count; document.getElementById("speed-display").textContent = speed + "ms"; } document.getElementById("digit-slider").addEventListener("input", function () { digit = parseInt(this.value); updateDisplay(); }); document.getElementById("count-slider").addEventListener("input", function () { count = parseInt(this.value); updateDisplay(); }); document.getElementById("speed-slider").addEventListener("input", function () { speed = parseInt(this.value); updateDisplay(); }); function drawNumber(number) { ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.font = "50px Arial"; ctx.fillStyle = "white"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(number, canvas.width / 2, canvas.height / 2); } document.getElementById("start-button").addEventListener("click", function () { numbers = []; sum = 0; currentIndex = 0; document.getElementById("result-message").textContent = ""; document.getElementById("answer-input").value = ""; for (let i = 0; i < count; i++) { let num = Math.floor(Math.random() * (10 ** digit)); numbers.push(num); sum += num; } function showNextNumber() { if (currentIndex < numbers.length) { drawNumber(numbers[currentIndex]); currentIndex++; interval = setTimeout(showNextNumber, speed); } else { ctx.clearRect(0, 0, canvas.width, canvas.height); document.getElementById("question-area").textContent = "答えを入力してください"; } } showNextNumber(); }); document.getElementById("check-answer").addEventListener("click", function () { let userAnswer = parseInt(document.getElementById("answer-input").value, 10); if (userAnswer === sum) { document.getElementById("result-message").textContent = "正解！🎉"; document.getElementById("result-message").style.color = "green"; } else { document.getElementById("result-message").textContent = "不正解 😢 正解は " + sum; document.getElementById("result-message").style.color = "red"; } }); updateDisplay(); }); #flash-canvas { background-color: black; border-radius: 10px; display: block; margin: 10px auto; } input[type="range"] { width: 100%; } button { background-color: #008CBA; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } button:hover { background-color: #005f73; }