Ol\u00e1 Pessoal! <\/p>\n\n\n\n
Na Live do dia 27\/10\/2024 fizemos o resumo semanal e abordamos os temas QueryString e CallBack com JavaScript.<\/p>\n\n\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>P\u00e1gina 1<\/title>\n<\/head>\n<body>\n \n <h1> P\u00e1gina de Envio<\/h1>\n\n <form id=\"formulario\">\n <p>Nome:<\/p>\n <input type=\"text\" id=\"nome\" name=\"nome\" required>\n <br>\n\n <p>Idade:<\/p>\n <input type=\"number\" id=\"idade\" name=\"idade\" required>\n <br>\n <br>\n <button type=\"submit\"> Enviar<\/button>\n <\/form>\n\n <script>\n\n document.getElementById('formulario').addEventListener('submit', function(event){\n \n event.preventDefault();\n\n const nome = document.getElementById('nome').value;\n const idade = document.getElementById('idade').value;\n\n\n const url = `pagina2.html?nome=${encodeURIComponent(nome)}&idade=${encodeURIComponent(idade)}`;\n\n window.location.href = url\n\n\n })\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\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>P\u00e1gina 2<\/title>\n<\/head>\n<body>\n \n <h1>P\u00e1gina de Recep\u00e7\u00e3o<\/h1>\n <p id=\"resultado\"><\/p>\n\n <script>\n\n const params = new URLSearchParams(window.location.search);\n\n const nome = params.get('nome');\n const idade = params.get('idade');\n\n const resultado = document.getElementById('resultado');\n\n if(nome && idade){\n\n resultado.textContent = `Nome: ${nome}, Idade: ${idade}`;\n\n }else{\n resultado.textContent = 'Par\u00e2metros n\u00e3o encontrados na URL';\n\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\nfunction somar(a, b){\n\n console.log('Somando os valores...');\n\n return a + b; \n\n}\n\nconsole.log( somar(5 , 6) );\n\n\n\nfunction saudar(nome, callback){\n\n console.log('Ol\u00e1 ' + nome);\n\n callback();\n\n}\n\nfunction despedir(){\n\n console.log('Tchau!')\n}\n\nsaudar('Marcos', despedir);\n\n\nfunction calculadora(a, b, operacao){\n\n return operacao(a, b);\n\n}\n\nfunction somar(a, b){\n return a + b;\n}\n\nfunction multiplicar(a, b){\n return a * b;\n}\n\nconsole.log( calculadora( 5, 3, somar ) );\nconsole.log( calculadora( 5, 3, multiplicar ) );\n\n\n<\/code><\/pre>\n\n\n\n