index.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Encriptador</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>

    <header>

        <h1 class="titulo">ENCRIPTADOR</h1>

    </header>

    <main class="main">
        <section class="form box">
            <form action="">
                <label for="input-texto">Ingrese solo minúsculas, sin acento</label>
                <input onkeypress="return/[a-z]/i.test(event.key)" class="text-input" type="text" name="input-texto"  id="input-texto" placeholder="Ingrese el texto aqui">
                <input class="btn" type="submit" value="encriptar" id="btn-encriptar" >
                <input class="btn" type="submit" value="desencriptar" id="btn-desencriptar" >
                <input class="btn" type="submit" value="limpiar"  id="clean" onclick="limpiar()">
            </form>
      
        </section>
  
        <section class="msg box">
            <h3 id="">Mensaje encriptado:</h3>
            <input class="text-input" type="text" id="msg"></input>
            <input class="btn" type="submit" value="copiar" id="btn-copy" onclick="copiarTexto()">
        </section>

    </main>

    <footer>
        <p class="copyright">&copy Copyright Oscar Garzón - 2022</p>
    </footer>

  
    <script src="scrpt/script.js"></script>
</body>

</html>