diff --git a/Jao.jpg b/Jao.jpg new file mode 100644 index 0000000..1b8aa95 Binary files /dev/null and b/Jao.jpg differ diff --git a/SamSmith4.jpg b/SamSmith4.jpg new file mode 100644 index 0000000..6d326b6 Binary files /dev/null and b/SamSmith4.jpg differ diff --git a/exercicio1 (1).css b/exercicio1 (1).css new file mode 100644 index 0000000..eb4209f --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/exercicio1.html b/exercicio1.html new file mode 100644 index 0000000..9f73908 --- /dev/null +++ b/exercicio1.html @@ -0,0 +1,17 @@ + + + + Exercicio 1 - Tabela + + + + + + + +
+ + + \ No newline at end of file diff --git a/exercicio1.js b/exercicio1.js new file mode 100644 index 0000000..2e5984a --- /dev/null +++ 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 new file mode 100644 index 0000000..1ce5bd8 --- /dev/null +++ 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")); \ No newline at end of file diff --git a/exercicio3.css b/exercicio3.css new file mode 100644 index 0000000..ffc2826 --- /dev/null +++ b/exercicio3.css @@ -0,0 +1,3 @@ +#div1{ + background: violet; +} \ No newline at end of file diff --git a/exercicio3.html b/exercicio3.html new file mode 100644 index 0000000..b6b3d11 --- /dev/null +++ b/exercicio3.html @@ -0,0 +1,16 @@ + + + + Um texto vale mais que mil imagens + + + + + +
+ + +
+ + + \ No newline at end of file diff --git a/exercicio3.js b/exercicio3.js new file mode 100644 index 0000000..8125449 --- /dev/null +++ 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); +} +