JSFiddle - React, Tailwind, and code Playground

by wllai2001

HTML

<script type="module" src="https://unpkg.com/wired-elements?module"></script>

<h3>Enter Your Nick Name：</h3>
<div>
  <wired-input placeholder="Enter name"></wired-input>
  <wired-button>確定</wired-button>
</div>
<button>進入遊戲</button>

CSS

button {
      background-color: #15aacb;
      border-radius: 4px;
      padding: 10px 25px;
      color: white;
      margin: 8px;
    }

JavaScript

// 建立一個人員名單的陣列
var people = ["大鈞", "海豚", "粉紅", "小尹"];

// 從人員名單中隨機選出一個人
var selectedPerson = people[Math.floor(Math.random() * people.length)];

// 顯示中籤結果
alert("中籤者為：" + selectedPerson);