<button class="omiguji_btn">ここを押すとおみくじが引けます</button>
<h3 class="omikuji_name">デフォルトの内容です</h3>
<p class="omikuji_text">デフォルトのテキストですデフォルトのテキストですデフォルトのテキストです</p>
<img class="omikuji_img" src="https://f.uploader.xzy.pw/eu-prd/upload/20191108161128_42466f414a.jpg" alt="omikuji_img" width="600">

$(function() {
 function omikuji() {
  const cont = Math.ceil(Math.random()*3);
  if(cont == 1){
    $(".omikuji_name").html("大吉が出ました");
    $(".omikuji_text").html("大吉が出ました!おめでとうございます!テキストテキストテキストテキストテキストテキストテキストテキスト");
    $(".omikuji_img").attr("src","https://f.uploader.xzy.pw/eu-prd/upload/20191108160744_61514c415a.jpg");
}
    if(cont == 2){
    $(".omikuji_name").html("中吉が出ました");
    $(".omikuji_text").html("中吉が出ました!やったね!テキストテキストテキストテキストテキストテキストテキストテキスト");
    $(".omikuji_img").attr("src","https://f.uploader.xzy.pw/eu-prd/upload/20191108160418_5165755153.jpg");
}
    if(cont == 3){
    $(".omikuji_name").html("小吉が出ました");
    $(".omikuji_text").html("小吉が出ました!もうひとふんばり!テキストテキストテキストテキストテキストテキストテキストテキスト");
    $(".omikuji_img").attr("src","https://f.uploader.xzy.pw/eu-prd/upload/20191108160447_6f6d664c4f.jpg");
}
 }


    $(".omiguji_btn").on("click",function () {
        omikuji();
    });
    });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js