Concatenador/index.html at main · Giovani-Gomes/Concatenador · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Concatenador</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="bg-light">
    <div class="container py-5">
        <h2 class="mb-4">Concatenador</h2>
        <p>O Concatenador de Palavras é uma ferramenta simples onde o usuário digita uma palavra, faz o upload de um arquivo .txt contendo outras palavras ou termos (uma por linha), e recebe como resultado um novo arquivo com a palavra inserida concatenada a cada linha do arquivo original.</p>
        <form id="textForm">
            <div class="mb-3">
                <label for="docName" class="form-label">Nome do novo documento (sem extensão):</label>
                <input type="text" class="form-control" id="docName" required>
            </div>
            <div class="mb-3">
                <label for="word" class="form-label">Dado a adicionar no início de cada linha:</label>
                <input type="text" class="form-control" id="word" required>
            </div>
            <div class="mb-3">
                <label for="fileInput" class="form-label">Escolha um arquivo .txt:</label>
                <input type="file" class="form-control" id="fileInput" accept=".txt" required>
            </div>
            <button type="submit" class="btn btn-primary">Processar e Baixar</button>
        </form>
        <div id="downloadSection" class="mt-4 d-none">
            <a id="downloadLink" class="btn btn-success" download>Baixar Arquivo Gerado</a>
        </div>
    </div>
    <script src="script.js"></script>

</body>
</html>