そのコードを読むのは非常に難しいと思います。構文をフォーマットして強調表示できますか？
もちろん、私を許してください！ここで私はあなたに新しいコードを与えるつもりです。

HTML：
「html
<！doctype html>
<html>
<irad>
<ITLE>参加者のルーレット</title>
<metatet = "utf-8">
<goal name = "Viewport" content = "width = device-width、initial-scale = 1.0">
<link rel = "styleSheet" href = "style.css">
</ head>
<body>
参加者の<h1>ルーレット</h1>
<入力型= "file" id = "csv-file" accept = "。csv">
<ボタンID = "spin-btn" disabled> turn </button>
<div id = "result"> </v>
<スクリプトsrc = "script.js"> </cipt>
</body>
</html>
``
CSS：
`css
体 {
    フォントファミリー：arial、sans-serif;
}

H1 {
    テキストアライグ：センター;
}

入力{
    表示ブロック;
    マージン：20px Auto;
}

ボタン {
    表示ブロック;
    マージン：20px Auto;
    パディング：10px;
    フォントサイズ：20px;
}

＃結果 {
    表示：なし;
    マージン：20px Auto;
    パディング：10px;
    フォントサイズ：24px;
    font-weight：bold;
    テキストアライグ：センター;
    バックグラウンドカラー：＃ffc107;
    色：#fff;
    ボーダーラジウス：10px;
}
``
「JavaScript
// CSVファイルを読み取ります
document.getElementById（ 'csv-file'）。AddEventListener（ 'change'、function（event）{
    const file = event.target.files [0];
    const reader = new filleader（）;
    reader.onload = function（）{
        consta lnes = reader.result.split（ '\ n'）;
        const参加者= lines.map（line => line.trim（））。フィルター（line => line.length> 0）;
        const spinbtn = document.getementbyid（spin-btn '）;
        spinbtn.disabled =参加者.length <2;
        spinbtn.addeventlistener（ 'click'、function（）{
            const index = math.floor（math.random（） *参加者.length）;
            constultidiv = document.getementbyid（ 'results'）;
            resultdiv.innertext =参加者[index];
            resultdiv.style.display = 'block';
        }）;
    };
    reader.readastext（file）;
}）;
``

このコードは、CSVファイルを選択できる「入力」要素の「変更」イベントに耳を傾けます。ファイルがロードされると、そのコンテンツが読み取り、処理されて参加者が得られます。少なくとも2人の参加者がいる場合、「ターン」ボタンが有効になり、参加者の配置の0から乱数を生成し、結果セクションに対応する参加者を表示するイベントリスナーが追加されます。

このコードが、JavaScriptの参加者のルーレットを作成するための出発点としてあなたに役立つことを願っています。ご質問がある場合、またはさらにサポートが必要な場合は、お気軽にお問い合わせください！😊