COLTEC-DAW · wanessamarcos · Jun 20, 2022 · Jun 20, 2022 · Jun 20, 2022 · Jun 21, 2022
diff --git a/Jao.jpg b/Jao.jpg
diff --git a/SamSmith4.jpg b/SamSmith4.jpg
diff --git a/exercicio1 (1).css b/exercicio1 (1).css
@@ -0,0 +1,13 @@
+#pagina {
+    width: 960px;
+    margin: auto;
+    justify-content: center;
+    align-items: center;
+    background-color: #0de4e4;
+    font-size: 100%;
+
+}
+.tabela {
+    border: 2px solid black;
+    margin: auto;
+}
diff --git a/exercicio1.html b/exercicio1.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Exercicio 1 - Tabela</title>
+		<meta charset="utf-8">
+		<script type="text/javascript" src="exercicio1.js"></script>
+        <link rel= "stylesheet" href="exercicio1.css"/>
+	</head>
+	<body id = "pagina">
+		<script>
+			alert("Ola! Por favor digite a tabela e separe os elementos por vírgula menos quando for adicionar uma nova linha");
+		</script>
+		<textarea  rows="15" cols="43"></textarea>
+		<table class="tabela"></table>
+		<button onclick="resultado();">Resultado!</button>
+	</body>
+</html> 
diff --git a/exercicio1.js b/exercicio1.js
@@ -0,0 +1,31 @@
+function transforma(texto){
+    var vetorTexto=[];
+    var lines = texto.split('\n');
+    for(i=0; i < lines.length; i++){
+        vetorTexto[i] = lines[i].split(',');
+    }
+    return vetorTexto;
+}
+
+function resultado(){
+    var tbl = document.getElementsByTagName("table")[0];
+    var text = document.getElementsByTagName("textarea")[0].value;
+    var Tabela = transforma(text);
+    while(tbl.childNodes.length>0){
+        tbl.removeChild(tbl.childNodes[0]);
+    }
+    for(i = 0; i < Tabela.length;i++){
+       var li = document.createElement("tr");
+       for( w = 0; w < Tabela[i].length; w++){
+        var colunas = document.createElement("td");
+        var value = document.createTextNode(Tabela[i][w]);
+        colunas.appendChild(value);
+        li.appendChild(colunas);
+       }
+       tbl.appendChild(li);
+
+    }
+}
+
+
+
diff --git a/exercicio2.js b/exercicio2.js
@@ -0,0 +1,20 @@
+function getByName(node, elem){
+     var vetor = [];
+     for (i = 0; i < node.childNodes.length; i++ ){
+        var filho = node.childNodes[i];
+        if (filho.tagName != undefined){
+        if(filho.tagName == elem){
+            vetor.push(filho)
+        }
+
+        var filho1 = getByName(filho, elem);
+        //executará a função para cada elemento do vetor
+        filho1.forEach(element => {
+            //adiciona no final do vetor 
+            vetor.push(element)
+        });
+     }
+    }
+     return vetor;
+}
+console.log(getByName(document.body, "SECTION"));
diff --git a/exercicio3.css b/exercicio3.css
@@ -0,0 +1,3 @@
+#div1{
+    background: violet;
+}
diff --git a/exercicio3.html b/exercicio3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Um texto vale mais que mil imagens</title>
+        <meta charset="utf-8">
+        <script type="tex/javascript" src="exercicio3.js"></script>  
+        <link rel= "stylesheet" href="exercicio3.css"/>
+    </head>
+    <body>
+       <div id = "div1">
+        <img src="C:\Users\wanes\OneDrive\Documentos\DAW\JavaScript e HTML DOM - E10\SamSmith4.jpg" alt="" height="500" width="400">
+        <img src="C:\Users\wanes\OneDrive\Documentos\DAW\JavaScript e HTML DOM - E10\Jao.jpg" alt="" height="500" width="400">
+       </div>
+       <button onclick="transforma();">Clique!!</button>
+    </body>
+</html>
diff --git a/exercicio3.js b/exercicio3.js
@@ -0,0 +1,28 @@
+function transforma(){
+    //Remover as imagens
+    var pai = document.getElementById("div1");
+    var filho = document.getElementsByTagName("img");
+    while(filho.length > 0){
+        console.log(filho.length);
+        pai.removeChild(filho[0]);
+    }
+
+   //descrição da imagem 1
+   var QuebraLinha = document.createElement("br");
+   var criaElem = document.createElement("p");
+   var node = document.createTextNode("O cantor britânico, Sam Smith, em sua apresentação no Lollapalooza 2015.");
+   criaElem.appendChild(node);
+   criaElem.appendChild(QuebraLinha);
+   var elem = document.getElementsByTagName("div");
+   elem[0].appendChild(criaElem);
+
+   //descrição da imagem 2
+   QuebraLinha = document.createElement("br");
+   criaElem = document.createElement("p");
+   node = document.createTextNode("O cantor brasileiro, Jão, em seu novo álbum intitulado como Pirata.");
+   criaElem.appendChild(node);
+   criaElem.appendChild(QuebraLinha);
+   elem = document.getElementsByTagName("div");
+   elem[0].appendChild(criaElem);
+}
+