最終順位

'; }; const handleJoinTournament = ()=>{ const name = document.getElementById('handle-name').value.trim(); joinTournament(name); }; return /*#__PURE__*/ React.createElement("div", { className: "container flex justify-between", __source: { fileName: "", lineNumber: 171, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "player m-2.5 p-5 border border-gray-300 w-[45%]", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-arial mb-4", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "プレイヤー側"), /*#__PURE__*/ React.createElement("div", { id: "player-form", __source: { fileName: "", lineNumber: 174, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "handle-name", className: "mb-2 inline-block", __source: { fileName: "", lineNumber: 175, columnNumber: 11 }, __self: this }, "ハンドルネームを入力してください"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "handle-name", name: "handle-name", className: "w-full p-1 mb-2 border border-gray-300", required: true, __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "btn p-2 px-5 mt-2 cursor-pointer border-none bg-blue-600 text-white rounded hover:bg-blue-800", onClick: handleJoinTournament, __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, "大会に参加"), errorMessage && /*#__PURE__*/ React.createElement("p", { id: "error-message", className: "text-red-500", __source: { fileName: "", lineNumber: 178, columnNumber: 28 }, __self: this }, errorMessage)), /*#__PURE__*/ React.createElement("div", { id: "matchings", className: "hidden", __source: { fileName: "", lineNumber: 180, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-arial", __source: { fileName: "", lineNumber: 181, columnNumber: 11 }, __self: this }, "マッチング表"), /*#__PURE__*/ React.createElement("table", { id: "match-table", className: "w-full border-collapse mt-2.5", __source: { fileName: "", lineNumber: 182, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 p-2.5 bg-gray-200", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, "番号"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 p-2.5 bg-gray-200", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "プレイヤー1"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 p-2.5 bg-gray-200", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, "プレイヤー2"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "admin m-2.5 p-5 border border-gray-300 w-[45%]", __source: { fileName: "", lineNumber: 194, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-arial mb-4", __source: { fileName: "", lineNumber: 195, columnNumber: 9 }, __self: this }, "運営側"), /*#__PURE__*/ React.createElement("h3", { className: "font-arial", __source: { fileName: "", lineNumber: 196, columnNumber: 9 }, __self: this }, "参加者リスト"), /*#__PURE__*/ React.createElement("ul", { id: "participants-list", className: "list-disc pl-5", __source: { fileName: "", lineNumber: 197, columnNumber: 9 }, __self: this }, participants.map((participant, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }, index + 1, ". ", participant))), /*#__PURE__*/ React.createElement("button", { className: "btn p-2 px-5 mt-2 cursor-pointer border-none bg-blue-600 text-white rounded hover:bg-blue-800", id: "close-registration", onClick: closeRegistration, __source: { fileName: "", lineNumber: 202, columnNumber: 9 }, __self: this }, "大会の参加締切"), /*#__PURE__*/ React.createElement("button", { className: "btn hidden p-2 px-5 mt-2 cursor-pointer border-none bg-blue-600 text-white rounded hover:bg-blue-800", id: "next-round", onClick: nextRound, __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this }, "次のマッチへ"), /*#__PURE__*/ React.createElement("button", { className: "btn hidden p-2 px-5 mt-2 cursor-pointer border-none bg-blue-600 text-white rounded hover:bg-blue-800", id: "announce-results", onClick: announceResults, __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, "結果発表"))); }