diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/GetBY.js b/GetBY.js new file mode 100644 index 0000000..47e70dc --- /dev/null +++ b/GetBY.js @@ -0,0 +1,24 @@ +function UsingName() +{ + let auxTag = document.getElementById("inputTag").value; + CallNode_Wname(document.body, auxTag); +} + +function CallNode_Wname(node, element) +{ + let ArrayEleTags=[]; + let i = 0; + for(; i < node.childNodes.length; i++) + { + let NodeChild = node.childNodes[i]; + + if(NodeChild.childNodes.length > 0) + { + CallNode_Wname(NodeChild, element); + } + if (NodeChild.tagName == element) + { + ArrayEleTags.push(NodeChild); + } + } +} \ No newline at end of file diff --git a/ImgDaw/Picsart_22-04-28_15-05-18-939.jpg b/ImgDaw/Picsart_22-04-28_15-05-18-939.jpg new file mode 100644 index 0000000..362b922 Binary files /dev/null and b/ImgDaw/Picsart_22-04-28_15-05-18-939.jpg differ diff --git a/ImgDaw/Picsart_22-04-28_15-05-42-589.jpg b/ImgDaw/Picsart_22-04-28_15-05-42-589.jpg new file mode 100644 index 0000000..4b35f43 Binary files /dev/null and b/ImgDaw/Picsart_22-04-28_15-05-42-589.jpg differ diff --git a/ImgDaw/Picsart_22-04-28_15-06-09-916.jpg b/ImgDaw/Picsart_22-04-28_15-06-09-916.jpg new file mode 100644 index 0000000..ea265ff Binary files /dev/null and b/ImgDaw/Picsart_22-04-28_15-06-09-916.jpg differ diff --git a/ImgDaw/Picsart_22-04-28_15-06-32-298.jpg b/ImgDaw/Picsart_22-04-28_15-06-32-298.jpg new file mode 100644 index 0000000..d497d0b Binary files /dev/null and b/ImgDaw/Picsart_22-04-28_15-06-32-298.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..783e5c9 --- /dev/null +++ b/index.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + +
+
+
+
+
+
+
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+
+
+ image1 homiranha +
+ +
+ image2 batman +
+ +
+ image3 diario de uma paixão +
+ +
+ image4 como eu era antes de voce +
+
+ +
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..b963b7f --- /dev/null +++ b/script.js @@ -0,0 +1,59 @@ +function ConverseCSV_HTML() +{ + let titleInput = document.getElementById("titleInput").value; + let inputText = document.getElementById("inputText").value; + + let title = document.createTextNode(titleInput); + + let Tabtitle = document.getElementById("Tabtitle"); + let Tabcontent = document.getElementById("Tabcontent"); + + Tabtitle.innerHTML=""; + Tabcontent.innerHTML=""; + + Tabtitle.style.borderTop = " .1rem solid black"; + Tabtitle.style.borderRight = " .15rem solid black"; + Tabtitle.style.borderLeft = " .15rem solid black"; + Tabtitle.style.borderBottom = " .1rem solid black"; + + Tabtitle.appendChild(title); + + let table = document.createElement("table"); + let tableCSV_HTML = inputText.split("\n"); + + tableCSV_HTML.forEach(linhasTr=>{ + + let palavrasLinhas = linhasTr.toString().split(","); + let linhaX = document.createElement("tr"); + + palavrasLinhas.forEach(PaLinha=>{ + let Neymar = document.createElement("td"); + let texto = document.createTextNode(PaLinha); + Neymar.appendChild(texto); + linhaX.appendChild(Neymar); + + + }) + + table.appendChild(linhaX); + + }); + + Tabcontent.appendChild(table); + +} + + +function troca_descIMG () +{ + let IMG = [].slice.call(document.getElementsByTagName("img")); + + IMG.forEach(img => + { + let ParenteIMG = img.parentElement; + let description = document.createTextNode(img.alt.toString()); + ParenteIMG.removeChild(img); + ParenteIMG.appendChild(description); + }); +} + diff --git a/style.css b/style.css new file mode 100644 index 0000000..6d2512c --- /dev/null +++ b/style.css @@ -0,0 +1,47 @@ +body +{ + background-image: linear-gradient(greenyellow, green, greenyellow); +} + +table +{ + width: auto; +} + +tr +{ + border: 10px solid black; + min-width: 20px; +} + +td +{ + border: 10px solid black; + padding: 7px; +} + +img +{ + width: 500px; + margin: 15px; + border: 13px ridge green; + border-radius: 50%; +} + +#Tabtitle +{ + display: flex; + justify-content: center; +} + +.center +{ + display: flex; + justify-content: center; +} + +.button1 +{ + border-radius: 5px; + background-color: green; +} \ No newline at end of file