{"id":1494,"date":"2024-10-15T15:16:06","date_gmt":"2024-10-15T18:16:06","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=1494"},"modified":"2025-02-18T12:46:29","modified_gmt":"2025-02-18T15:46:29","slug":"resumo-da-live-tiktok-15-10-2024","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=1494","title":{"rendered":"Resumo da Live TikTok 15\/10\/2024"},"content":{"rendered":"\n

Ol\u00e1 Pessoal! <\/p>\n\n\n\n

Na Live do dia 15\/10\/2024 trabalhamos com os Eventos em JavaScript.<\/p>\n\n\n\n

INDEX\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<\/title>\n<\/head>\n<body>\n    \n\n    <p id=\"meuParagrafo\"> Texto original <\/p>\n\n    <button onclick=\"alterar()\" > Alterar Texto <\/button>\n\n    <script>\n\n        const p = document.getElementById('meuParagrafo');\n\n        function alterar(){\n\n            p.innerText = \"Texto Alterado \";\n            p.style.color = \"red\";\n            p.style.fontSize = \"30pt\";\n        }\n\n        \n    <\/script>\n\n\n<\/body>\n<\/html>\n\nINDEX2\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>Adcionar 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\"> Adicionar Item<\/button>\n    <button id=\"botaoRemover\" > Remover Item<\/button>\n\n\n    <script>\n        const add = document.getElementById('botaoAdicionar');\n        const del = document.getElementById('botaoRemover');\n\n        add.addEventListener('click', function(){\n\n            const novoItem =\n             document.createElement( 'li' );\n            \n             novoItem.textContent = \"Item Novo\";\n\n             document.getElementById('minhaLista').appendChild(novoItem);\n        });\n\n        del.addEventListener('click', function(){\n\n            const lista =  document.getElementById('minhaLista');\n\n            lista.removeChild(lista.lastElementChild);\n        })\n\n    <\/script>\n\n<\/body>\n\n<\/html>\n\n\nSCRIPT\nlet B = 20;\nconst C = 30;\nconst k = 5 \n\n            if(k === 5){\n             var    A = 100;\n             let   B = 200; \n                console.log( \"VAR \" + A)\n                console.log( \"LET \" +  B)\n            }\n\nconsole.log( \"VAR \" + A)\nconsole.log( \"LET \" +  B)\n\n\n\nSCRIPT2\n\nvar a = 10 ;\n\nvar b = \"10\" ;\n\nconsole.log( a == b); \nconsole.log( a === b); \n\n<\/code><\/pre>\n\n\n\n
\n