{"id":1411,"date":"2024-09-28T12:02:46","date_gmt":"2024-09-28T15:02:46","guid":{"rendered":"https:\/\/desvendandoocodigo.com.br\/?p=1411"},"modified":"2024-09-30T22:20:19","modified_gmt":"2024-10-01T01:20:19","slug":"resumo-da-live-tiktok-28-09-2024","status":"publish","type":"post","link":"https:\/\/desvendandoocodigo.com.br\/?p=1411","title":{"rendered":"Resumo da Live TikTok 28\/09\/2024"},"content":{"rendered":"\n

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

Na Live do dia 28\/09\/2024 estudamos os La\u00e7os While e Do While com HTML CSS e JavaScript.<\/p>\n\n\n\n

WHILE1\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>While 1<\/title>\n    <style>\n        body{\n            font-family: Arial, Helvetica, sans-serif;\n\n        }\n        ul{\n            list-style-type: none;\n        }\n\n        li{\n            background-color: #f0f0f0;\n            margin: 5px;\n            padding: 10px;\n            border-radius: 5px;\n            max-width: 50%;\n            text-align: center;\n        }\n\n    <\/style>\n<\/head>\n\n<body>\n    \n    <h1>N\u00fameros Pares de 0 a 20<\/h1>\n    <ul id=\"lista-numeros\">    <\/ul>\n\n    <script src=\"script.js\"><\/script>\n\n<\/body>\n<\/html>\n\n\nlet i = 0;\n\nconst lista = document.getElementById('lista-numeros');\n\nwhile( i <= 25){\n\n    if(i % 2 === 0){\n\n        const li = document.createElement('li');\n        li.textContent = i;\n        lista.appendChild(li);\n    }\n    i++;\n}\n\n\n\n\n\n\n\n\nWHILE2\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>Contagem Regressiva<\/title>\n    <style>\n        body{\n            font-family: Arial, Helvetica, sans-serif;\n            text-align: center;\n            margin-top: 50px;\n        }\n\n        #resultado{\n            font-size: 2em;\n            margin-top: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n   \n\n        <h1> Contagem Regressiva <\/h1>\n\n        <input type=\"number\" id=\"numero\"\n        placeholder=\" Digite um n\u00famero\">\n        <button id=\"iniciar-contagem\">\n\n         Iniciar Contagem<\/button>\n\n        <div id=\"resultado\"> <\/div>\n\n\n\n    <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\nfunction inciarContagem(){\n    const resultado = document.getElementById('resultado');\n    let numero =\n    Number(document.getElementById('numero').value);\n\n    if(  !isNaN(numero) ){\n        resultado.textContent = \"\";\n\n        while(numero >= 0){\n           const div = document.createElement('div');\n           div.textContent = numero;\n           resultado.appendChild(div);\n           numero --;     \n        }\n\n        \/\/ LIMPAR O CAMPO DO INPUT\n        document.getElementById('numero').value = \"\"\n    }else{\n        resultado.textContent = \" Insira um n\u00famero v\u00e1lido!\"\n    }\n    \n}\n\n\/\/EVENTO DO CLICK\n\ndocument.getElementById('iniciar-contagem')\n.addEventListener('click', inciarContagem);\n\n\ndocument.getElementById('numero')\n.addEventListener('keydown', function(event){\n\n    if(event.key === 'Enter'){\n        inciarContagem();       \n\n    }\n})\n\n\n\n\nDO WHILE \n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Document<\/title>\n    <style>\n\n        body{\n            font-family: Arial, Helvetica, sans-serif;\n            text-align: center;\n            margin-top: 50px;\n        }\n        #mensagem{\n            font-size: 1.2em;\n            color: rgb(11,128,151);\n            margin-top: 20px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <h1>Bem vindo!<\/h1>\n    <button id=\"inserir-nome\"> Digite seu nome  <\/button>\n    <p id=\"mensagem\">     <\/p>\n    \n\n    <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n\n\ndocument.getElementById('inserir-nome')\n.addEventListener( 'click', function(){  \n    let nome;\n\n    do{\n        nome = prompt('Digite seu nome');\n\n    }while(!nome)\n\n        document.getElementById('mensagem')\n        .textContent = \" Ol\u00e1, \" + nome + \n        \"! Seja bem vindo.\" ;\n\n   });\n<\/code><\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
https:\/\/go.hotmart.com\/V89811082M?dp=1<\/a><\/p>\n\n\n\n
https:\/\/go.hotmart.com\/X90111663X?dp=1<\/a><\/p>\n\n\n\n
\n\n\n\n
HOR\u00c1RIO DAS LIVES<\/strong><\/p>\n\n\n\n
Domingo – Segunda e Quarta \u00e0s 19:00hs<\/p>\n\n\n\n
Quinta – Sexta e S\u00e1bado \u00e0s 10:00hs<\/p>\n\n\n\n
\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"
Ol\u00e1 Pessoal! Na Live do dia 28\/09\/2024 estudamos os La\u00e7os While e Do While com HTML CSS e JavaScript. https:\/\/go.hotmart.com\/V89811082M?dp=1 https:\/\/go.hotmart.com\/X90111663X?dp=1 HOR\u00c1RIO DAS LIVES Domingo – Segunda e Quarta \u00e0s 19:00hs Quinta – Sexta e S\u00e1bado \u00e0s 10:00hs<\/p>\n","protected":false},"author":1,"featured_media":1097,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[18],"tags":[],"_links":{"self":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1411"}],"collection":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1411"}],"version-history":[{"count":2,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1411\/revisions"}],"predecessor-version":[{"id":1413,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/posts\/1411\/revisions\/1413"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=\/wp\/v2\/media\/1097"}],"wp:attachment":[{"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/desvendandoocodigo.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}