Antes de começar o exercício, gostaria apenas de revisar um conteúdo caso você não saiba
O QUE É UM ARQUIVO CSV?
“CSV” significa Comma Separated Values, ou seja, um arquivo CSV é um arquivo de valores separados por vírgula. Esse formato de armazenamento é simples e agrupa informações de arquivos de texto em planilhas, usado para trocas de dados com um banco de dados ou uma planilha entre aplicativos.
Exemplo:
Nome, Idade, Status Paulo, 30, Casado Pedro, 15, Solteiro, João, 50, Casado
Quais métodos existem para Strings?
Existem vários métodos prontos para manipular strings, acesse https://www.w3schools.com/js/js_string_methods.asp para ter uma ideia melhor (é possivel traduzir para o portugues através do icone de globo que fica no canto direito)
Dica: Exitem diversas formas de resolver o exercício, confira os seguintes links para alguns métodos que podem ajudar você a fazê-lo:
Veja o código abaixo:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Exercício</title>
</head>
<body>
<ol>
<li>Nome: Pedro</li>
<li>Idade: 29</li>
<li>Cidade: São Paulo</li>
<li>UF: SP</li>
</ol>
<ol>
<li>Nome: João</li>
<li>Idade: 23</li>
<li>Cidade: Joinville</li>
<li>UF: SC</li>
</ol>
<ol>
<li>Nome: Frodo</li>
<li>Idade: 29</li>
<li>Cidade: Porto Alegre</li>
<li>UF: RS</li>
</ol>
<script>
let arquivoCsv;
let listaContatos = document.getElementsByTagName("ol");
//
// seu código aqui
//
</script>
</body>
</html>
Com base nestas informações, escreva um loop que:
- Utilizará a variável listaContatos para navegar em cada um dos itens do contato.
- Capturará apenas o que está após o “: ” (dois pontos e o espaço).
- Utilize as funções prontas do JavaScript
- Essa captura deve ser dinâmica inteligente (funcionará em todos itens) e não uma função para cada item da lista.
- Criará uma string representando um arquivo CSV com:
- O cabeçalho Nome, Idade, Cidade, Uf
- Contendo os valores em ordem e sem terminar a linha com virgula