index.html

<!DOCTYPE html>

<html lang="es">
    
    <head>

        <meta charset="UTF-8"> 
        <title>Challenge</title>
        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
    
    </head>

<body>
<div class="contenedorPrincipal">
<div class="boxLogo"><img src="Logo.png" class="logoAlura"></div>
                

    <section id="seccionConCajaYBotones">
        <div class="areaTextual"><textarea id="texto" class="texto" placeholder="Ingrese su texto aquí"></textarea>
        </div>
        <div class="cajaBotones">
            <button id="encriptar" class="boton1" onclick="btnEncriptar()" >encriptar</button>
            <button id="desencriptar" class="boton2" onclick="btnDesencriptar()">desencriptar</button>
            
        </div>
    </section>

<section id="cuadradoDerecha" class="cuadradoDerecha">
    <div id="contenedorRenovable">
        <textarea id="textoEnTextarea" class="texto2" readonly="readonly"></textarea>
        <div>
        
</section><!--esta section va a contener el textarea y la imagen de "no encontrado"-->
</div>
<script src="principal.js"></script> 
</body>
</html>
    