パイナポォォォォォォォォみくじ
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>パイナポォォォォォォォみくじ</title>
</head>
<body>
<img src="https://mmm.xtu.jp/wp-content/uploads/2023/05/パイナポォォォォォォォ.png">
<input id=omikuji type="button" value="おみくじを引く">
<script>
document.getElementById("omikuji").onclick = function(){
let rnd = Math.floor( Math.random()* 12);
switch(rnd){
case 0:
omikuji = "大吉 あなたは今日パイナップルを食べると晩御飯が焼肉になります";
break;
case 1:
omikuji = "吉 きょうはパイナップルを抱いて寝ましょう";
break;
case 2:
omikuji = "中吉 パイナップルケーキパイナップルジュースパイナップルパークパイナップルハウスパイナップル缶詰を食べましょう";
break;
case 3:
omikuji = "小吉 パイナップルを２０人に配ると幸運が訪れます";
break;
case 4:
omikuji = "末吉 もっとパイナップルを愛しましょう 今日中におなかの調子がパイナポォォォォォォォと公園の真ん中で叫びましょう";
break;
case 5:
omikuji = "凶 あなたは今日、パイナップルを食べないと呪われます（パイナポォォ神に）。パイナポォォを舌が痛くなるまで食べましょう。";
break;
case 6:
omikuji = "大大大凶 あなたは今日、語尾にやんすをつけましょう。";
break;
case 7:
omikuji = "大大大凶 お母さんに、土下座をして、「パイナポォォォォォォォを買わなきゃ、両耳ちょん切って頭つるつるにしてやる」と言ってください";
break;
case 8:
omikuji = "小吉 パイナップルの上にマヨネーズをかけて食べましょう";
break;
case 9:
omikuji = "大吉ではなくダイスケ https://youtu.be/T9rMDOkPiRYを今すぐみましょう";
break;
case 10:
omikuji = "小吉ではなく小便 あなたは今日、お漏らしします";
break;
case 11:
omikuji = "中吉 なぜパイナップルは存在しているのか友達とディベートしてください";
break;
default:
omikuji = "吉 今すぐパイナップルを抱いて寝ましょう";
break;
}
alert(omikuji);
}
</script>
</body>
</html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<canvas id="canvas"></canvas>
<script type="text/javascript">
//canvasの設定
let canvas = document.getElementById("canvas");
canvas.width = 640; //横幅
canvas.height = 640; //縦幅
//コンテキストを取得
const ctx = canvas.getContext("2d");
let img = new Image();
img.src = "https://mmm.xtu.jp/wp-content/uploads/2023/05/パイナポォォォォォォォ-1.png";
addEventListener("load", function() {
ctx.drawImage( img, 0, 0 );
},false);
/*
//x=0 y=0 の位置に横縦30pxの正方形を描く
ctx.fillRect(0,0,30,30);
ctx.strokeRect(0,0,80,80);
ctx.fillRect(100,0,80,80);
*/
</script>
</body>
</html>
