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

No:16261

104

←

Prev Next

→

キャラクターづくり
Developer おまめちゃん｜Date and time 23/9/16 21:12:20
Build time 25.619 sec｜Game capacity 2.262KB｜

Script

了解です。以下にキャラクターを作成するためのサンプルコードを示します。

キャラクターづくり

キャラクターの情報

名前:

年齢:

性別:

キャラクターの設定

名前:
年齢:
性別:

上記のコードでは、キャラクター名、年齢、性別を入力してキャラクター情報を表示する簡単なキャラクターづくりツールを作成しています。フォームに必要な情報を入力し、"キャラクターを作成" ボタンをクリックすると、入力された情報がキャラクター情報として表示されます。このコードは、HTMLファイルとして1枚で実装されており、JavaScriptはscriptタグで囲まれています。また、スマートフォン操作を前提としたレイアウトになっています。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解です。以下にキャラクターを作成するためのサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>キャラクターづくり</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1>キャラクターづくり</h1>

<div id="character">
    <h2>キャラクターの情報</h2>
    <p id="name">名前: </p>
    <p id="age">年齢: </p>
    <p id="gender">性別: </p>
  </div>

<form id="characterForm">
    <h2>キャラクターの設定</h2>
    <label for="nameInput">名前:</label>
    <input type="text" id="nameInput" required><br>

<label for="genderInput">性別:</label>
    <select id="genderInput" required>
      <option value="">選択してください</option>
      <option value="男性">男性</option>
      <option value="女性">女性</option>
    </select><br>

<button type="submit">キャラクターを作成</button>
  </form>

// 入力値を取得
      var name = document.getElementById("nameInput").value;
      var age = document.getElementById("ageInput").value;
      var gender = document.getElementById("genderInput").value;

// キャラクター情報を表示
      document.getElementById("name").textContent = "名前: " + name;
      document.getElementById("age").textContent = "年齢: " + age;
      document.getElementById("gender").textContent = "性別: " + gender;
    });
  </script>
</body>
</html>
```

上記のコードでは、キャラクター名、年齢、性別を入力してキャラクター情報を表示する簡単なキャラクターづくりツールを作成しています。フォームに必要な情報を入力し、"キャラクターを作成" ボタンをクリックすると、入力された情報がキャラクター情報として表示されます。

このコードは、HTMLファイルとして1枚で実装されており、JavaScriptはscriptタグで囲まれています。また、スマートフォン操作を前提としたレイアウトになっています。