index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sorteio da Rildon</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1>SORTEIO DA RILDON</h1>

        <label for="raffle-type">Tipo de Sorteio:</label>
        <select id="raffle-type">
            <option value="numbers">Sorteio de Números</option>
            <option value="names">Sorteio de Nomes</option>
        </select>

        <div id="number-frame" class="frame">
            <label for="min-num">De:</label>
            <input type="number" id="min-num" value="1">
            <label for="max-num">a:</label>
            <input type="number" id="max-num" value="100">
        </div>

        <div id="name-frame" class="frame" style="display: none;">
            <input type="file" id="file-input" accept=".txt">
            <button id="upload-button">Carregar Lista de Nomes</button>
            <p id="file-label">Nenhum arquivo selecionado</p>
        </div>

        <button id="start-button">Iniciar Sorteio</button>

        <p id="result-label">O resultado irá aparecer aqui</p>
    </div>

    <script src="script.js"></script>
</body>
</html>