整数を入力してください:(ソフトウェアキーボードも対応しています)
「1」なら「……する」、「2」なら「……する」と心に決めて択数を入力して決定してみてください。
今晩のご飯は何にしよう、今日はどっちの服を着よう、明日はどこにいこう……などなど、あなたの運命を決めます。AかBか、はたまたAかBかCか、なかなか決められないことって多いですよね。このツールを使って二択、三択を決めてもらいましょう。
【2択の使用例】
明日のデートで告白しようか……
↓
よし、「1」が出たら「告白する」、「2」が出たら「やめておこう」
↓
入力欄に「2」を入力(2択)
↓
ドキドキしながら「ボタンぽち(or Enterキー)」!
【3択の使用例】
今日のランチは何にしよう……
↓
「1」が出たら「ラーメン」、「2」が出たら「カレー」、「3」が出たら思い切って「寿司」!
↓
入力欄に「3」を入力(3択)
↓
ちょっとお寿司は高いかなと思いつつ「ボタンぽち(or Enterキー)」!
【99択、999択にも……】
2桁のランダムな数がいい時は99、3桁のランダムな数が欲しい時は999を入力すると意外と使えます。ロトくじとかにも使えそうです。
【オススメポイント】
・画面遷移をゼロにしています。
・いちいちハードウェアキーボードが出なくてもいいようにしました(スマホ)。
・出来るだけ画面(ビューポート)に収まるようにしました。
・エラーのアラートはダイアログ形式にしないようにしています
・ソフトウェアキーボードを連続タップしたときに画面が拡大しないように制御しました。
・タップしやすい、視認しやすい色を採用しました。
なかなか2択、3択をすぐに決めてくれるWebサイトがなかったので作成しました。
出来るだけ高速にぱっと使えるようにしてみましたので、是非ブックマークしてお使いください。
document.getElementById('numberInput').addEventListener('keypress', function (event) {
if (event.key === 'Enter') {
generateRandomNumber();
}
});
function generateRandomNumber() {
var inputNumber = document.getElementById('numberInput').value;
inputNumber = parseInt(inputNumber);
var tooltip = document.getElementById('errorTooltip');
if (isNaN(inputNumber) || inputNumber < 2) {
tooltip.classList.add('visible');
return;
} else {
tooltip.classList.remove('visible');
}
var randomNumber = Math.floor(Math.random() * inputNumber) + 1;
document.getElementById('result').innerHTML = "結果: <span class='highlighted-number'>" + randomNumber + "</span>";
}
function typeKey(key) {
const inputField = document.getElementById('numberInput');
inputField.value += key;
}
function backspaceKey() {
const inputField = document.getElementById('numberInput');
inputField.value = inputField.value.slice(0, -1);
}
function allClear() {
const inputField = document.getElementById('numberInput');
inputField.value = '';
}
document.addEventListener("dblclick", function(e){ e.preventDefault();}, { passive: false });