<file_sep>/* exercici 5 nivell-2 */
function ex5() {
    var str = "Una dirección de correo electrónico es la dirección que utiliza para recibir y enviar correos electrónicos. Se muestra a los destinatarios de sus correos\
    electrónicos para que sepan quién le envió un correo electrónico.Cada dirección de correo\
    electrónico sólo se puede asignar una vez en todo el mundo y, por lo tanto, está disponible exclusivamente para usted.No puede cambiar las direcciones de correo\
    electrónico, pero puede eliminarlas en cualquier momento.Una dirección de\
    correo electrónico consiste en el signo @(arroba), el nombre de usuario delante y el dominio detrás, por ejemplo, <EMAIL>: La parte del dominio\
    depende del dominio bajo el cual se crea la dirección de correo electrónico:\
    en nuestro ejemplo es ionos.es.Esta información varía de proveedor a proveedor, por lo que una parte del dominio también puede ser gmail.com o gmx.es si utiliza\
    una dirección de correo electrónico de estos proveedores.Si ha registrado\
    su propio dominio, por ejemplo, www.el-nombre-de-sus-sueños.es, las direcciones de correo electrónico que configura para el dominio lo tienen como parte del dominio( <EMAIL> o <EMAIL> ).\
    El nombre de usuario es la parte de una dirección de correo electrónico que puede seleccionar libremente en la medida de lo posible. Puede, por ejemplo, utilizar su\
    propio nombre o el nombre o departamento de una empresa.Si utiliza una\
    dirección de correo electrónico con un proveedor de correo como gmail.com o gmx.es, es posible que la combinación con la parte del dominio deseada ya esté\
    registrada.En este caso, deberá considerar alternativas para el nombre de usuario\
    de su dirección de correo electrónico.Si utiliza su propio dominio, estas restricciones no se aplican porque sólo usted puede crear direcciones de correo\
    electrónico que coincidan con su propio dominio.En resumen, nombre-de-usuario@ionos.es\
    es un email.";

    let myRegex = /([\w\.-]+)@([\u00f1\u00d1\w\.-]+)/gim;
    let mailArr = str.match(myRegex);
    let mailNoRep = [];
    for (let i = 0; i < mailArr.length; i++) {
        let mail = mailArr[i];
        if (!mailNoRep.includes(mailArr[i].toLocaleLowerCase())) {
            mailNoRep.push(mail);
        }
    }
    console.log(mailNoRep);
    return mailNoRep;

}<file_sep># React
Este repositorio tiene la función de ir guardando los ejercicios que voy haciendo para la ITAcademy en el itinerario de REACT.
<file_sep><!DOCTYPE html>
<html lang="ca">

<head>
    <meta charset="UTF-8">
    <title>Flex práctica</title>
    <meta name="viewport" content="width=device-width, initial-scale=1 shrink-to-fit=no">
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">

</head>

<body>
    <div class="madre">
        <header class="header">
            <div class="menu">
                <div class="logo">
                    <img src="img/Material activitat Flex nivell 2-logo.png" alt="logo empresa" class="img">
                </div>
                <nav class="nav">
                    <ul>
                        <li><a href="#">Inicio</a></li>
                        <li><a href="#">Rutas</a></li>
                        <li><a href="#">Hoteles</a></li>
                        <li><a href="#">Vuelos</a></li>
                        <li><a href="#">Contacto</a></li>
                    </ul>
                </nav>
                <div class="social"></div>

            </div>
            <div class="texto-principal">
                <h1>"Disfruta de la experiencia de otros viajeros"</h1>
            </div>
        </header>
        <section>
            <div class="articulos">
                <article class="article">
                    <img class="article-image" src="img/escultura.jpg" alt="escultura de personas pegadas a la pared">
                    <h4><time datetime="2021-12-08">8 de desembre 2021</time></h4>
                    <h3>CULTURA</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                </article>
                <article class="article">
                    <img class="article-image" src="img/aceite.jpg" alt="Aceite de oliva cayendo">
                    <h4><time datetime="2021-12-08">8 de desembre 2021</time></h4>
                    <h3>GASTRONOMÍA</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </article>
                <article class="article">
                    <img src="img/adventure.jpg" alt="Mujer en Kayak en un lago con montaña nevada de fondo" class="article-image">
                    <h4><time datetime="2021-12-08">8 de desembre 2021</time></h4>
                    <h3>AVENTURA</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </article>
                <article class="article">
                    <img src="img/nubes.jpg" alt="nubes sobre la cordillera de los andes nevada" class="article-image">
                    <h4><time datetime="2021-12-08">8 de desembre 2021</time></h4>
                    <h3>EMOCIÓN</h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

            </div>
            <aside class="aside">
                <div class="publicida">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia
                    deserunt mollitia animi, id est laborum et dolorum fuga. </div>
                <div class="publicida">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia
                    deserunt mollitia animi, id est laborum et dolorum fuga. </div>

            </aside>
        </section>
        <footer class="footer">
            <nav class="pie"></nav>
        </footer>
    </div>
</body>

</html><file_sep># itinerari-react-itacademy
exercicis Sprint 1 setmanes del 22 de febrer al 5 de març<file_sep>/* exercici 1 */
function ex1n3() {
    let myName = document.getElementById("nom1").value;
    nom = [];
    for (let i = 0; i < myName.length; i++) {
        console.log(myName[i]);
        nom += myName[i] + '<br>';
        document.getElementById("ex1n3").innerHTML = nom;

    }
}
/* exercici 2 */
/* creació de mapa */




function ex2n3() {
    const vocals = new Map([
        ["a", "a"],
        ["e", "e"],
        ["i", "i"],
        ["o", "o"],
        ["u", "u"]
    ]);
    const numbers = new Map([
        ['0'],
        ['1'],
        ['2'],
        ['3'],
        ['4'],
        ['5'],
        ['6'],
        ['7'],
        ['8'],
        ['9']
    ]);

    let myName = document.getElementById("nom2").value;
    let myNameLower = myName.toLowerCase();
    console.log(myNameLower)
    nom = [];
    for (let i = 0; i < myNameLower.length; i++) {

        if (vocals.has(myNameLower[i])) {
            console.log("He trobat la Vocal: " + myNameLower[i]);
            nom.push("He trobat la Vocal: " + '<b>' + myNameLower[i] + '</b>' + '.' +
                '<br>');
        } else if (numbers.has(myNameLower[i])) {
            console.log("Els noms de persona no contenen números com el " + myNameLower[i]);
            nom.push("Els noms de persona no contenen números com el " +
                '<b>' + myNameLower[i] + '</b>' + '.' + '<br>');
        } else {
            console.log("He trobat la Consonant " + myNameLower[i]);
            nom.push("He trobat la Consonant " + '<b>' + myNameLower[i] + '</b>' + '.' + '<br>');
        }



    }
    document.getElementById('ex2n3').innerHTML = nom.join('');



}
/* exercici 3 */
function ex3n3() {
    let myName = document.getElementById("nom3").value;
    let mapName = new Map();
    for (let i = 0; i < myName.length; i++) {

        let v = 1;
        if (mapName.has(myName[i])) {
            v = mapName.get(myName[i]);
            mapName.set(myName[i], v + 1);
        } else {
            mapName.set(myName[i], v)
        }

    }
    let resultat = "";
    for (let [key, value] of mapName) {
        resultat += (key + ' = ' + value + "<br>");
    }
    document.getElementById('ex3n3').innerHTML = resultat;

}
/* exercici 4 */

function ex4n3() {
    let nom = document.getElementById("nom4").value;
    let cognom = document.getElementById("cognom4").value;
    let nomCognom = [];
    for (let i = 0; i < nom.length; i++) {
        nomCognom.push(nom[i]);

    }
    nomCognom.push("--");
    for (let i = 0; i < cognom.length; i++) {
        nomCognom.push(cognom[i]);

    }
    document.getElementById("ex4n3").innerHTML = nomCognom.join(", ");
}

function ex5n3() {
    let resultat = ex5();

    document.getElementById("ex5n3").innerHTML = resultat.join("<br>");

}