COLTEC-DAW · ThiagoL29 · Jun 20, 2022 · Jun 20, 2022 · Jun 20, 2022
diff --git a/getByName/index.html b/getByName/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>getByName(elem)</title>
+        <script src="script.js"></script>
+        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
+
+    </head>
+    <body>
+
+        <h1>TESTE QUANTOS ELEMENTOS POSSUEM CERTA TAG</h1> <br>
+        <h2>Escreva a função no console e coloque como atributos onde começa e o nome da tag</h2> <br>
+        <p class="col-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, nulla enim? Iure minus numquam ipsum quis voluptas? Ipsam, accusamus minima! Quas dignissimos nam, blanditiis nesciunt voluptatum non rem illum amet?</p> <br>
+        <p class="col-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod, debitis. Animi eum aliquam asperiores necessitatibus voluptatibus earum laudantium? Consequatur fuga laborum reiciendis expedita voluptates vero commodi excepturi provident voluptatem omnis.</p>
+
+    </body>
+</html>
diff --git a/getByName/script.js b/getByName/script.js
@@ -0,0 +1,13 @@
+function getByName(node, string) {
+    string.toUpperCase()
+    var listaElementos = [];
+
+    for (var i = 0; i < node.childNodes.length; i++) {
+        var childNode = node.childNodes[i];
+        if(childNode.childNodes.length > 0) getByName(childNode, string); 
+        if(childNode.tagName == string && childNode.tagName !== null) listaElementos.push(childNode);
+    }
+    console.log(listaElementos);
+    return listaElementos;
+  }
+
diff --git a/imgParaTexto/index.html b/imgParaTexto/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Um texto vale mais que mil imagens...        </title>
+        <script src="script.js"></script>
+        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
+
+    </head>
+    <body>
+        <div class="col-6">
+
+            <h1>Aperte para transformar em texto</h1> <br>
+
+            <img src="pfp.jpg" alt="fotinha" width="50%" height="50%"> <br><br>
+            <div>
+                <input type="submit" value="Transformar em texto" class="button" onclick="imgParaTexto()">
+            </div>
+        </div>
+
+    </body>
+</html>
diff --git a/imgParaTexto/pfp.jpg b/imgParaTexto/pfp.jpg
diff --git a/imgParaTexto/script.js b/imgParaTexto/script.js
@@ -0,0 +1,12 @@
+function imgParaTexto() {
+    var imgs = document.getElementsByTagName("img");
+
+    for (let i = 0; i < imgs.length; i++) {
+
+        var pai = imgs[i].parentElement;
+        var texto = imgs[i].alt;
+        var textNode = document.createTextNode(texto);
+        pai.replaceChild(textNode, imgs[i]);
+
+    }
+}   
diff --git a/tabelas/index.html b/tabelas/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Converta CSV para HTML!!</title>
+        <script src="script.js"></script>
+        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
+
+    </head>
+    <body>
+        <div class="col-4">
+
+            <h1>Converter CSV para HTML!!</h1> <br>
+
+            <div class="title">
+                <label for="titulo-input">Título:</label><br>
+                <input type="text" id="titulo-input" name="title-input" value=""><br>
+            </div>
+
+            <div class="csv">
+                <p>Dados da tabela: </p>
+                <textarea id="csv-input" name="csv" rows="15" cols="60"></textarea>
+            </div>
+
+            <div>
+                <input type="submit" value="Gerar Tabela" class="button" onclick="CSVparaHTML()">
+            </div>
+
+        <div id="titulo_tabela"></div> <br>
+        <div id="conteudo"></div>
+
+        </div>
+
+    </body>
+</html>
diff --git a/tabelas/script.js b/tabelas/script.js
@@ -0,0 +1,34 @@
+function CSVparaHTML(){
+
+    let titulo_input = document.getElementById("titulo-input").value;
+    let csv_input = document.getElementById("csv-input").value;
+
+    let titulo = document.createTextNode(titulo_input);
+
+    let titulo_tabela = document.getElementById("titulo_tabela");
+    let conteudo = document.getElementById("conteudo");
+
+    titulo_tabela.appendChild(titulo);
+
+    let tabela = document.createElement("tabela");
+    let tabelaCSV = csv_input.split("\n");
+
+    tabelaCSV.forEach(function(linhas) {
+
+        let colunas = linhas.toString().split(",");
+        let linha = document.createElement("tr");
+
+        colunas.forEach(function(celulas){
+            let celula = document.createElement("td");
+            celula.style.border = "1px solid black";
+            let valor = document.createTextNode(celulas);
+            celula.appendChild(valor);
+            linha.appendChild(celula);
+
+        })
+        tabela.appendChild(linha);
+
+    });
+
+    conteudo.appendChild(tabela);
+}