Ramen Craftsman 🍜 This is a game that makes ramen. The procedure is as follows. ①Choose one dashi. The types are [kelp], [sardines], [clams], [chicken bones], and [pork bones]. When you have decided, press <Next>. ②Choose one soup. The types are [soy sauce], [salt], [pork bone], and [miso]. When you have decided, press <Next>. ③Choose one noodle. The types are "extra-thin", "medium-thick", "extreme-thick", and "flat". Press <Next> when you have decided. ④Choose as many toppings as you like. The types are [Menma], [Ajitama], [Char Siu], and [Nori]. When you have decided, press <Next>. The contents of the items selected in ① to ④ and comments are displayed.'s game

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Ramen Craftsman 🍜 This is a game that makes ramen. The procedure is as follows. ①Choose one dashi. The types are [kelp], [sardines], [clams], [chicken bones], and [pork bones]. When you have decided, press <Next>. ②Choose one soup. The types are [soy sauce], [salt], [pork bone], and [miso]. When you have decided, press <Next>. ③Choose one noodle. The types are "extra-thin", "medium-thick", "extreme-thick", and "flat". Press <Next> when you have decided. ④Choose as many toppings as you like. The types are [Menma], [Ajitama], [Char Siu], and [Nori]. When you have decided, press <Next>. The contents of the items selected in ① to ④ and comments are displayed.'s game | AI game creator

Click here for free DL of the app version that can save data.

No:2067

2871

←

Prev Next

→

Ramen Craftsman 🍜 This is a game that makes ramen...ALL
Developer もちきなこ｜Date and time 23/6/20 0:45:08
Build time 59.28 sec｜Game capacity 4.858KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

こちらはラーメン職人のhtmlファイルとなります。

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ラーメン職人</title>
</head>

<body>
  <div id="start">
    <h1>ラーメン職人</h1>
    <p>ラーメンのだし、スープ、麺、トッピングを選んで、あなただけのラーメンを作りましょう。</p>
    <button onclick="selectDashi()">スタート</button>
  </div>

<div id="dashi">
    <h2>だしを選択してください。</h2>
    <form>
      <input type="radio" name="dashi" value="昆布">昆布<br>
      <input type="radio" name="dashi" value="煮干し">煮干し<br>
      <input type="radio" name="dashi" value="蛤">蛤<br>
      <input type="radio" name="dashi" value="鶏ガラ">鶏ガラ<br>
      <input type="radio" name="dashi" value="豚骨">豚骨<br>
      <button type="button" onclick="selectSoup()">次へ</button>
    </form>
  </div>

<div id="soup" style="display:none;">
    <h2>スープを選択してください。</h2>
    <form>
      <input type="radio" name="soup" value="醤油">醤油<br>
      <input type="radio" name="soup" value="塩">塩<br>
      <input type="radio" name="soup" value="豚骨">豚骨<br>
      <input type="radio" name="soup" value="味噌">味噌<br>
      <button type="button" onclick="selectNoodle()">次へ</button>
    </form>
  </div>

<div id="noodle" style="display:none;">
    <h2>麺を選択してください。</h2>
    <form>
      <input type="radio" name="noodle" value="極細">極細<br>
      <input type="radio" name="noodle" value="中太">中太<br>
      <input type="radio" name="noodle" value="極太">極太<br>
      <input type="radio" name="noodle" value="平打ち">平打ち<br>
      <button type="button" onclick="selectTopping()">次へ</button>
    </form>
  </div>

<div id="topping" style="display:none;">
    <h2>トッピングを選択してください。（複数選択可）</h2>
    <form>
      <input type="checkbox" name="topping" value="メンマ">メンマ<br>
      <input type="checkbox" name="topping" value="味玉">味玉<br>
      <input type="checkbox" name="topping" value="チャーシュー">チャーシュー<br>
      <input type="checkbox" name="topping" value="のり">のり<br>
      <button type="button" onclick="completeRamen()">完成</button>
    </form>
  </div>

<div id="result" style="display:none;">
    <h2>あなたのラーメンが完成しました！</h2>
    <p>だし： <span id="dashiResult"></span></p>
    <p>スープ： <span id="soupResult"></span></p>
    <p>麺： <span id="noodleResult"></span></p>
    <p>トッピング： <span id="toppingResult"></span></p>
    <p>ご注文は以上でよろしいですか？</p>
    <button onclick="selectDashi()">はい</button>
    <button onclick="displayStart()">いいえ</button>
  </div>

function selectSoup() {
      document.getElementById('dashi').style.display = 'none';
      document.getElementById('soup').style.display = 'block';
    }

function selectNoodle() {
      document.getElementById('soup').style.display = 'none';
      document.getElementById('noodle').style.display = 'block';
    }

function selectTopping() {
      document.getElementById('noodle').style.display = 'none';
      document.getElementById('topping').style.display = 'block';
    }

function completeRamen() {
      var dashi = document.querySelector('input[name="dashi"]:checked').value;
      var soup = document.querySelector('input[name="soup"]:checked').value;
      var noodle = document.querySelector('input[name="noodle"]:checked').value;
      var topping = document.querySelectorAll('input[name="topping"]:checked');
      var toppingResult = '';
      for (var i = 0; i < topping.length; i++) {
        toppingResult += topping[i].value + '、';
      }
      toppingResult = toppingResult.slice(0, toppingResult.length - 1);
      document.getElementById('toppingResult').innerHTML = toppingResult;
      document.getElementById('noodleResult').innerHTML = noodle;
      document.getElementById('soupResult').innerHTML = soup;
      document.getElementById('dashiResult').innerHTML = dashi;
      document.getElementById('topping').style.display = 'none';
      document.getElementById('result').style.display = 'block';
    }

function displayStart() {
      document.getElementById('result').style.display = 'none';
      document.getElementById('start').style.display = 'block';
    }
  </script>

</body>

</html>

rigid-frame craftsman

Please select dashi.

Please select a soup.

Please select noodles.

Please select toppings. (Multiple selections allowed)

Your ramen is ready!