Exercício de Programação #13 - Javascript - Manipulando Strings

24/07/2021

Nesse tutorial faremos um exercício de Javascript onde trabalharemos com manipulação de strings, separando partes que desejamos com regex.

Regex e Javascript

Vamos iniciar criando os arquivos.

index.html

O arquivo index receberá nossa base html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <div class="result"></div>
    <br><br>
    <input type="email" name="email" id="email"><br>
    <textarea name="texto" id="texto" cols="30" rows="10"></textarea><br>
    <button id="btn">Testar</button>

    <script src="javascript.js"></script>
</body>
</html>

javascript.js

No arquivo javascript vamos fazer as manipulações de textos:

(function(win,doc){
    'use strict';

    let btn=doc.querySelector('#btn');
    btn.addEventListener('click',()=>{
        let email=doc.querySelector('#email').value;
        let texto=doc.querySelector('#texto').value;

        let regex=/(?<=@)[^.]+/gim;
        let server=email.match(regex);
        doc.querySelector('.result').innerHTML=`
        Seu servidor de email é ${server}`;

        //console.log(texto.replaceAll(' ','_'));

        let regex2=/[\d\s]+/gim;
        console.log(texto.replaceAll(regex2,'_'));

        console.log(texto.includes('fogo'));
        if(texto.includes('fogo')){
            //ação
        }

        console.log(texto.split(' ')[4]);
    },false);

})(window,document);

Por hoje é só! Sucesso nos códigos e na vida!

Precisa de um professor? webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email

Posts Relacionados

Exercício de Programação #12 - Python - Manipulação de CSV com Pandas

Hoje faremos um exercício de manipulação de arquivo CSV utilizando Python e uma das libs mais utilizadas atualmente, o Pandas.

Exercício de Programação #14 - Javascript - Manipulando de Múltiplos Checkbox

Hoje apresentamos um exercício de Javascript para manipulação de múltiplos checkbox exibindo para o usuário final o resultado dos checkbox selecionados.

Exercícios

Nessa playlist aprenderemos na prática a programar, utilizando para isso exercícios de programação nas mais variadas linguagens e tecnologias.