{"id":1254,"date":"2024-08-18T20:44:15","date_gmt":"2024-08-18T23:44:15","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=1254"},"modified":"2024-08-18T20:45:10","modified_gmt":"2024-08-18T23:45:10","slug":"resumo-da-live-tiktok-18082024","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=1254","title":{"rendered":"Resumo da Live TikTok 18082024"},"content":{"rendered":"\n
Ol\u00e1 Pessoal!<\/p>\n\n\n\n
Na Live do dia 18\/08\/2024 foram abordados os seguintes temas:<\/p>\n\n\n\n
\n
Condicionais Simples;<\/li>\n\n\n\n
Vetores;<\/li>\n\n\n\n
Escopo;<\/li>\n\n\n\n
Eventos;<\/li>\n\n\n\n
Cria\u00e7\u00e3o e Exclus\u00e3o de Itens com JS e HTML.<\/li>\n<\/ul>\n\n\n\n
METODOS PARA MANIPULAR VETORES\nconst list1 = [1,2,3,4,5];\nlist1.pop();\nconsole.log(list1);\n\nconst list2 = [1,2,3,4,5];\nlist2.shift();\nconsole.log(list2);\n\nconst list3 = [1,2, 3,4,5];\nlist3.splice(2, 0, 99 );\nconsole.log(list3);\n\nESCOPO1\nfunction exemploEscopo(){\n var b = 3;\n if(b == 3){\n var escopoVar = \"Eu sou o VAR\";\n let escopoLet = \"Eu sou o LET\";\n const escopoConst = \"Eu sou a Const\";\n console.log(escopoVar);\n console.log(escopoLet);\n console.log(escopoConst);\n }\n console.log(escopoVar);\n \/\/console.log(escopoLet);\n \/\/console.log(escopoConst);\n}\nexemploEscopo();\n\nESCOPO2\n\nconst numeros = [1,2,3,4];\/\/ escopo global\n\nvar a = 20;\n\nif(a == 20){\nnumeros.push(99);\nconsole.log(numeros); \/\/ escopo local\n}\n\nESCOPO3\n\nvar b = 10;\nvar j = 50;\n\nif(b == 10 ){\nvar j = 20;\nconsole.log(j);\n}\nconsole.log(j);\n\nEVENTOS1\n\nEventos\n\n<p id=\"meuParagrafo\"> Texto Original<\/p>\n<button onclick=\"alterar()\"> Alterar<\/button>\n\n<script>\n const p = \n document.getElementById('meuParagrafo');\n\n function alterar(){\n p.innerText = \"Alteracao feita!\";\n p.style.color = 'red';\n p.style.fontSize = '30pt';\n }\n<\/script>\n\nEVENTOS3\n\n<!DOCTYPE html>\n<html lang=\"pt-br\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Eventos Adicionar e Remover Item<\/title>\n<\/head>\n<body>\n\n <ul id=\"minhaLista\">\n <li>Item 1<\/li>\n <li>Item 2<\/li>\n <li>Item 3<\/li>\n <\/ul>\n\n <button id=\"botaoAdicionar\">\n Adicionar<\/button>\n <button id=\"botaoRemover\">\n Remover \u00daltimo Item<\/button>\n \n <script>\n const add = \n document.getElementById('botaoAdicionar');\n const del = \n document.getElementById('botaoRemover');\n\n add.addEventListener('click', function(){\n const novoItem = document.createElement('li');\n novoItem.textContent = 'Item Novo';\n \n document.getElementById('minhaLista')\n .appendChild(novoItem);\n });\n \n del.addEventListener('click', function(){\n const lista = document.getElementById('minhaLista');\n lista.removeChild(lista.lastElementChild);\n })\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<\/code><\/pre>\n\n\n\n
Desvendando o Mundo da Programa\u00e7\u00e3o: Curso B\u00e1sico e Avan\u00e7ado de Algoritmos e JavaScript Exclusivo no Hotmart!<\/strong><\/h2>\n\n\n\n<\/figure>\n\n\n\n
![\"\"](\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/01\/hotmart.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/desvendandoocodigo.com.br\/wp-content\/uploads\/2024\/07\/image-4.png\")
<\/figure>\n","protected":false},"excerpt":{"rendered":"