{"id":10902,"date":"2023-08-28T12:59:49","date_gmt":"2023-08-28T15:59:49","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=10902"},"modified":"2024-05-02T10:48:52","modified_gmt":"2024-05-02T13:48:52","slug":"alert-javascript","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/","title":{"rendered":"Alert JavaScript: Como exibir uma mensagem na tela"},"content":{"rendered":"\n<p><strong>O alert JavaScript<\/strong> \u00e9 uma funcionalidade essencial que permite aos desenvolvedores<strong> exibirem mensagens simples em caixas de di\u00e1logo no navegador.<\/strong> Ao utilizar a instru\u00e7\u00e3o <code>alert()<\/code>, \u00e9 poss\u00edvel criar pop-ups informativos que podem conter mensagens de aviso, notifica\u00e7\u00f5es ou at\u00e9 mesmo intera\u00e7\u00f5es b\u00e1sicas com o usu\u00e1rio.<\/p>\n\n\n\n<p>No contexto do desenvolvimento web, o <code>alert()<\/code> <strong>\u00e9 frequentemente empregado para fornecer feedback imediato aos usu\u00e1rios.<\/strong> Por exemplo, ao preencher um formul\u00e1rio, o <a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/como-ser-desenvolvedor-de-software-e-ganhar-dinheiro\/\">desenvolvedor de software<\/a> pode utilizar o <code>alert()<\/code> para informar os usu\u00e1rios sobre campos obrigat\u00f3rios que n\u00e3o foram preenchidos corretamente. Dessa forma, o JavaScript possibilita a cria\u00e7\u00e3o de uma experi\u00eancia mais amig\u00e1vel e interativa.<\/p>\n\n\n\n<p>Mesmo sendo simples, o alert() desempenha um papel crucial na intera\u00e7\u00e3o entre o sistema e o usu\u00e1rio. Destaca-se como uma ferramenta inicial para orientar os usu\u00e1rios sobre as a\u00e7\u00f5es a serem executadas ou os poss\u00edveis erros que surgiram durante a intera\u00e7\u00e3o com um site ou aplicativo web.<\/p>\n\n\n\n<p>Al\u00e9m disso, \u00e9 poss\u00edvel combinar o alert() com outras fun\u00e7\u00f5es e eventos JavaScript para dar origem a comportamentos mais elaborados.<\/p>\n\n\n\n<p>No entanto, \u00e9 importante entender que <strong>o uso excessivo de <code>alert()<\/code> pode resultar em uma experi\u00eancia desagrad\u00e1vel para os usu\u00e1rios, tornando a navega\u00e7\u00e3o menos fluida.<\/strong><\/p>\n\n\n\n<p>Portanto, o <code>alert<\/code> em JavaScript \u00e9 uma ferramenta valiosa para fornecer feedback imediato e orienta\u00e7\u00e3o aos usu\u00e1rios de p\u00e1ginas web.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#ff6a0038\">Outros t\u00edtulos interessantes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/switch-javascript\/\">Switch JavaScript: O que \u00e9 e como usar?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/tipos-de-funcoes-javascript\/\">Quais s\u00e3o os tipos de fun\u00e7\u00f5es JavaScript?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/map-javascript\/\">Map JavaScript: Potencializando a Efici\u00eancia com o Uso Desse M\u00e9todo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/reduce-javascript\/\">Reduce JavaScript: Desvendando a usabilidade e pr\u00e1tica<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/mudar-background-javascript\/\">Como mudar background em&nbsp;JavaScript<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/print-div-javascript\/\">Print Div JavaScript: como usar e quais as funcionalidades<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/foreach-javascript\/\">forEach JavaScript: exemplos pr\u00e1ticos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/entendendo-e-utilizando-a-tag-span-em-html\/\">Entendendo e Utilizando a Tag span em HTML<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/\">Select em HTML: crie menus em um formul\u00e1rio HTML<\/a><\/li>\n<\/ul>\n\n\n\n<p><code><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#O_que_e_alert_JavaScript\" title=\"O que \u00e9 alert JavaScript?\">O que \u00e9 alert JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#Exemplo_de_sintaxe_do_metodo_alert_JavaScript\" title=\"Exemplo de sintaxe do m\u00e9todo alert JavaScript\">Exemplo de sintaxe do m\u00e9todo alert JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#A_usabilidade_e_exemplos_do_metodo_alert_JavaScript\" title=\"A usabilidade e exemplos do m\u00e9todo alert JavaScript\">A usabilidade e exemplos do m\u00e9todo alert JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#Iteracao_simples_mensagens_pausa_na_execucao_e_funcoes_de_caixa_de_dialogo\" title=\"Itera\u00e7\u00e3o simples, mensagens, pausa na execu\u00e7\u00e3o e fun\u00e7\u00f5es de caixa de di\u00e1logo\">Itera\u00e7\u00e3o simples, mensagens, pausa na execu\u00e7\u00e3o e fun\u00e7\u00f5es de caixa de di\u00e1logo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#Categoria_de_Funcoes_de_Caixa_de_Dialogo_prompt_confirm\" title=\"Categoria de Fun\u00e7\u00f5es de Caixa de Di\u00e1logo (prompt, confirm)\">Categoria de Fun\u00e7\u00f5es de Caixa de Di\u00e1logo (prompt, confirm)<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#Exemplo\" title=\"Exemplo\">Exemplo<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#Alternativas_ao_metodo_alert\" title=\"Alternativas ao m\u00e9todo alert\">Alternativas ao m\u00e9todo alert<\/a><\/li><\/ul><\/nav><\/div>\n<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"O_que_e_alert_JavaScript\"><\/span>O que \u00e9 alert JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Um &#8220;alert&#8221; em JavaScript \u00e9 uma fun\u00e7\u00e3o usada para exibir uma caixa de di\u00e1logo no navegador.<\/strong> Ele notifica o usu\u00e1rio com uma mensagem, sendo amplamente usado para mensagens de aviso ou informa\u00e7\u00e3o. A sintaxe comum \u00e9, por exemplo:<\/p>\n\n\n\n<p><code>alert(\"Mensagem de alerta aqui.\");<\/code><\/p>\n\n\n\n<p><strong>Essa fun\u00e7\u00e3o \u00e9 \u00fatil para intera\u00e7\u00f5es simples, mas n\u00e3o \u00e9 recomendada para casos mais complexos.<\/strong> Isso porque ela pausa a execu\u00e7\u00e3o do script at\u00e9 que o usu\u00e1rio clique em &#8220;OK&#8221;. Isso pode impactar a experi\u00eancia do usu\u00e1rio e a funcionalidade do site.<\/p>\n\n\n\n<p>\u00c9 importante compreender que o <strong>&#8220;alert&#8221; \u00e9 parte da categoria de fun\u00e7\u00f5es de &#8220;caixa de di\u00e1logo&#8221; em JavaScript,<\/strong> que tamb\u00e9m inclui &#8220;prompt&#8221; (para receber entrada do usu\u00e1rio) e &#8220;confirm&#8221; (para confirmar a\u00e7\u00f5es). Essas fun\u00e7\u00f5es contribuem para a interatividade dos sites.<\/p>\n\n\n\n<p>O &#8220;alert&#8221;, portanto, \u00e9 uma maneira de comunicar informa\u00e7\u00f5es simples aos usu\u00e1rios por meio de caixas de di\u00e1logo. No entanto, porque interrompe a execu\u00e7\u00e3o do c\u00f3digo, ele \u00e9 mais apropriado para ser utilizado em intera\u00e7\u00f5es b\u00e1sicas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exemplo_de_sintaxe_do_metodo_alert_JavaScript\"><\/span>Exemplo de sintaxe do m\u00e9todo alert JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Aqui est\u00e1 um exemplo do uso do m\u00e9todo <code>alert<\/code> em JavaScript, juntamente com o c\u00f3digo completo e um guia passo a passo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>`\/\/ Exemplo de uso do m\u00e9todo alert`\n\n`function exibirAlerta() {`\n\n`alert(\"Ol\u00e1! Isso \u00e9 um alerta em JavaScript.\");`\n\n`}`<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Passo a passo:<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abra um editor de texto ou IDE para c\u00f3digo;<\/li>\n\n\n\n<li>Crie um novo arquivo HTML e adicione o seguinte c\u00f3digo:<\/li>\n<\/ol>\n\n\n\n<p><code>```html<\/code><\/p>\n\n\n\n<p><code>&lt;!DOCTYPE html&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;html&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;head&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;title&gt;Exemplo de Alerta em JavaScript&lt;\/title&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/head&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;body&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;button onclick=\"exibirAlerta()\"&gt;Clique para exibir o alerta&lt;\/button&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;script&gt;<\/code><\/p>\n\n\n\n<p><code>function exibirAlerta() {<\/code><\/p>\n\n\n\n<p><code>alert(\"Ol\u00e1! Isso \u00e9 um alerta em JavaScript.\");<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>&lt;\/script&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/body&gt;<\/code><\/p>\n\n\n\n<p><code>&lt;\/html&gt;<\/code><\/p>\n\n\n\n<p>&#8220;&#8220;`<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Salve o arquivo com a extens\u00e3o &#8220;.html&#8221;;<\/li>\n\n\n\n<li>Abra o arquivo no seu navegador;<\/li>\n\n\n\n<li>Clique no bot\u00e3o &#8220;Clique para exibir o alerta&#8221;;<\/li>\n\n\n\n<li>Um alerta pop-up ser\u00e1 exibido com a mensagem &#8220;Ol\u00e1! Isso \u00e9 um alerta em JavaScript.&#8221;.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_usabilidade_e_exemplos_do_metodo_alert_JavaScript\"><\/span>A usabilidade e exemplos do m\u00e9todo alert JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>O recurso &#8220;alert&#8221; em JavaScript \u00e9 amplamente utilizado para exibir caixas de di\u00e1logo simples em navegadores da web.<\/strong> Essas caixas de di\u00e1logo alertam os usu\u00e1rios sobre informa\u00e7\u00f5es importantes, como mensagens de aviso, confirma\u00e7\u00f5es ou erros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Usabilidade<\/h3>\n\n\n\n<p>Usa-se um alerta<strong> para notificar os usu\u00e1rios<\/strong> sobre a conclus\u00e3o de uma a\u00e7\u00e3o, solicitar confirma\u00e7\u00e3o antes de executar uma a\u00e7\u00e3o cr\u00edtica ou, tamb\u00e9m, informar sobre erros no processamento de dados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Onde us\u00e1-lo<\/h3>\n\n\n\n<p><strong>U<\/strong>sa-se o alerta,<strong> principalmente, em p\u00e1ginas da web para intera\u00e7\u00f5es b\u00e1sicas com o usu\u00e1rio.<\/strong> Sites, aplicativos da web e p\u00e1ginas de formul\u00e1rios podem implement\u00e1-lo, portanto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Motivos para uso<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Notifica\u00e7\u00e3o de sucesso:<\/strong> ap\u00f3s o envio de um formul\u00e1rio, por exemplo, para indicar o sucesso no envio dos dados;<\/li>\n\n\n\n<li><strong>Confirma\u00e7\u00e3o de a\u00e7\u00e3o:<\/strong> antes de excluir um item importante, para garantir <strong>que o usu\u00e1rio realmente deseja prosseguir;<\/strong><\/li>\n\n\n\n<li><strong>Mensagens de erro:<\/strong> quando ocorrem erros de valida\u00e7\u00e3o ou problemas no processamento, o alerta pode informar o usu\u00e1rio sobre a situa\u00e7\u00e3o.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Como fazer<\/h3>\n\n\n\n<p>Aqui est\u00e1 um exemplo de c\u00f3digo JavaScript que usa o alert:<\/p>\n\n\n\n<p><code>\/\/ Exemplo de notifica\u00e7\u00e3o de sucesso<\/code><\/p>\n\n\n\n<p><code>function enviarFormulario() {<\/code><\/p>\n\n\n\n<p><code>\/\/ C\u00f3digo para processar o formul\u00e1rio<\/code><\/p>\n\n\n\n<p><code>\/\/ ...<\/code><\/p>\n\n\n\n<p><code>\/\/ Exibe um alerta ap\u00f3s o processamento bem-sucedido<\/code><\/p>\n\n\n\n<p><code>alert(\"Formul\u00e1rio enviado com sucesso!\");<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>\/\/ Exemplo de confirma\u00e7\u00e3o de a\u00e7\u00e3o<\/code><\/p>\n\n\n\n<p><code>function excluirItem() {<\/code><\/p>\n\n\n\n<p><code>if (confirm(\"Tem certeza de que deseja excluir este item?\")) {<\/code><\/p>\n\n\n\n<p><code>\/\/ C\u00f3digo para excluir o item<\/code><\/p>\n\n\n\n<p><code>\/\/ ...<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>\/\/ Exemplo de mensagem de erro<\/code><\/p>\n\n\n\n<p><code>function validarDados() {<\/code><\/p>\n\n\n\n<p><code>if (algumaValidacaoFalhou) {<\/code><\/p>\n\n\n\n<p><code>\/\/ Exibe um alerta de erro<\/code><\/p>\n\n\n\n<p><code>alert(\"Os dados inseridos n\u00e3o s\u00e3o v\u00e1lidos. Por favor, verifique novamente.\");<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p><code>}<\/code><\/p>\n\n\n\n<p>&#8220;&#8220;`<\/p>\n\n\n\n<p><strong>Lembre-se de que o uso excessivo de alertas pode tornar a experi\u00eancia do usu\u00e1rio frustrante.<\/strong> Em muitos casos, \u00e9 melhor considerar abordagens mais elegantes, como a exibi\u00e7\u00e3o de mensagens na pr\u00f3pria p\u00e1gina em vez de caixas de di\u00e1logo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Iteracao_simples_mensagens_pausa_na_execucao_e_funcoes_de_caixa_de_dialogo\"><\/span>Itera\u00e7\u00e3o simples, mensagens, pausa na execu\u00e7\u00e3o e fun\u00e7\u00f5es de caixa de di\u00e1logo<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Uso em Intera\u00e7\u00f5es Simples<\/h3>\n\n\n\n<p><strong>O &#8220;<code>alert<\/code>&#8221; em JavaScript pode fornecer feedback imediato aos usu\u00e1rios em intera\u00e7\u00f5es simples.<\/strong> Imagine um cen\u00e1rio em que um usu\u00e1rio preenche um formul\u00e1rio em um site.<\/p>\n\n\n\n<p>Utilizar o &#8220;alert&#8221; pode ser \u00fatil para informar ao usu\u00e1rio o preenchimento correto de todos os itens. Abaixo, um exemplo dessa representa\u00e7\u00e3o:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>`function verificarFormulario() {`\n\n`if (document.getElementById(\"nome\").value === \"\" || document.getElementById(\"email\").value === \"\") {`\n\n`alert(\"Por favor, preencha todos os campos obrigat\u00f3rios.\");`\n\n`} else {`\n\n`alert(\"Formul\u00e1rio enviado com sucesso!\");`\n\n`}`\n\n`}`<\/code><\/pre>\n\n\n\n<p>Neste exemplo, a fun\u00e7\u00e3o <strong><code>verificarFormulario<\/code><\/strong> \u00e9 chamada quando o usu\u00e1rio clica no bot\u00e3o de envio do formul\u00e1rio. Se o nome ou o e-mail estiverem em branco, o &#8220;alert&#8221; exibir\u00e1 uma mensagem de aviso. Caso contr\u00e1rio, mostrar\u00e1 uma mensagem de sucesso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mensagens de Aviso, Informa\u00e7\u00e3o ou Confirma\u00e7\u00e3o<\/h3>\n\n\n\n<p><strong>O &#8220;alert&#8221; \u00e9 uma ferramenta vers\u00e1til para exibir diferentes tipos de mensagens.<\/strong> Usa-se para fornecer avisos, informa\u00e7\u00f5es importantes ou at\u00e9 mesmo para solicitar confirma\u00e7\u00e3o do usu\u00e1rio antes de realizar uma a\u00e7\u00e3o cr\u00edtica. Por exemplo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aviso<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>`function mostrarAviso() {`\n\n`alert(\"Aten\u00e7\u00e3o: Este site est\u00e1 em manuten\u00e7\u00e3o. Algumas funcionalidades podem n\u00e3o estar dispon\u00edveis.\");`\n\n`}`<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Informa\u00e7\u00e3o<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>`function mostrarInformacao() {`\n\n`alert(\"Bem-vindo \u00e0 nossa loja online! Temos uma variedade de produtos incr\u00edveis para voc\u00ea.\");`\n\n`}`<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Confirma\u00e7\u00e3o<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>`function confirmarExclusao() {`\n\n`if (confirm(\"Tem certeza de que deseja excluir este item?\")) {`\n\n`\/\/ C\u00f3digo para excluir o item`\n\n`alert(\"Item exclu\u00eddo com sucesso!\");`\n\n`}`\n\n`}`<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Pausa na Execu\u00e7\u00e3o do Script at\u00e9 Clique em &#8220;OK&#8221;<\/h3>\n\n\n\n<p><strong>Uma caracter\u00edstica importante do &#8220;alert&#8221; \u00e9 que ele pausa a execu\u00e7\u00e3o do script at\u00e9 que o usu\u00e1rio clique no bot\u00e3o &#8220;OK&#8221;<\/strong>. Isso pode ser \u00fatil em cen\u00e1rios onde voc\u00ea deseja garantir que o usu\u00e1rio veja uma mensagem antes de continuar interagindo com o site. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>`function exibirMensagem() {`\n\n`alert(\"Clique em 'OK' para continuar.\");`\n\n`\/\/ Outro c\u00f3digo que depende da a\u00e7\u00e3o do usu\u00e1rio`\n\n`}`<\/code><\/pre>\n\n\n\n<p>Neste exemplo, o c\u00f3digo ap\u00f3s o &#8220;alert&#8221; s\u00f3 ser\u00e1 executado ap\u00f3s o usu\u00e1rio clicar em &#8220;OK&#8221;, controlando o fluxo de intera\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Categoria_de_Funcoes_de_Caixa_de_Dialogo_prompt_confirm\"><\/span>Categoria de Fun\u00e7\u00f5es de Caixa de Di\u00e1logo (prompt, confirm)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Al\u00e9m do &#8220;alert&#8221;, JavaScript tamb\u00e9m oferece outras fun\u00e7\u00f5es de caixa de di\u00e1logo: &#8220;prompt&#8221; e &#8220;confirm&#8221;.<\/strong> Usa-se a fun\u00e7\u00e3o &#8220;prompt&#8221; para obter entrada do usu\u00e1rio, enquanto usa-se &#8220;confirm&#8221; para confirmar a\u00e7\u00f5es. Aqui est\u00e3o exemplos de ambas:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Prompt<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>`function obterNome() {`\n\n`var nome = prompt(\"Digite seu nome:\");`\n\n`if (nome !== null &amp;&amp; nome !== \"\") {`\n\n`alert(\"Ol\u00e1, \" + nome + \"! Bem-vindo.\");`\n\n`}`\n\n`}`<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Confirm<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>`function confirmarSaida() {`\n\n`if (confirm(\"Deseja realmente sair?\")) {`\n\n`\/\/ C\u00f3digo para encerrar a sess\u00e3o`\n\n`alert(\"Sess\u00e3o encerrada. At\u00e9 logo!\");`\n\n`}`\n\n`}`<\/code><\/pre>\n\n\n\n<p>Em resumo, <strong>o &#8220;alert&#8221; em JavaScript n\u00e3o apenas fornece feedback imediato em intera\u00e7\u00f5es simples<\/strong>, mas tamb\u00e9m pode exibir mensagens de aviso, informa\u00e7\u00f5es e solicitar confirma\u00e7\u00e3o do usu\u00e1rio.<\/p>\n\n\n\n<p>Ele pausa a execu\u00e7\u00e3o do script at\u00e9 que o usu\u00e1rio clique em &#8220;OK&#8221;, permitindo controlar o fluxo de intera\u00e7\u00f5es. Al\u00e9m disso, faz parte de uma categoria de fun\u00e7\u00f5es de caixa de di\u00e1logo que inclui &#8220;prompt&#8221; e &#8220;confirm&#8221;, ampliando as op\u00e7\u00f5es de intera\u00e7\u00e3o com o usu\u00e1rio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">O que acontece se usar o alert JavaScript em excesso?<\/h2>\n\n\n\n<p>O uso do comando <code>alert<\/code> em JavaScript pode ter implica\u00e7\u00f5es significativas nos aspectos de <a href=\"https:\/\/resultadosdigitais.com.br\/marketing\/o-que-e-seo\/\">SEO (Search Engine Optimization)<\/a> e otimiza\u00e7\u00e3o de um site. Vamos explorar isso com mais detalhes e exemplos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Impacto na Experi\u00eancia do Usu\u00e1rio<\/h3>\n\n\n\n<p>A fun\u00e7\u00e3o <code>alert<\/code> exibe uma caixa de di\u00e1logo modal com uma mensagem para o usu\u00e1rio. No entanto, ela interrompe a intera\u00e7\u00e3o normal do usu\u00e1rio com o site at\u00e9 que a caixa de di\u00e1logo seja fechada.<\/p>\n\n\n\n<p>Isso pode ser frustrante para os usu\u00e1rios, pois eles precisam interagir com o alerta antes de continuar a navega\u00e7\u00e3o. Imagine um usu\u00e1rio tentando preencher um formul\u00e1rio e sendo interrompido repetidamente por alertas \u2013 isso prejudicaria a experi\u00eancia do usu\u00e1rio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. SEO e Conte\u00fado<\/h3>\n\n\n\n<p>Os mecanismos de busca rastreiam e indexam o conte\u00fado de um site para determinar seu ranking nos resultados de pesquisa. Quando o conte\u00fado \u00e9 ocultado ou interrompido por alertas, isso pode impactar negativamente a indexa\u00e7\u00e3o.<\/p>\n\n\n\n<p>Mecanismos de busca podem n\u00e3o ser capazes de rastrear o conte\u00fado que est\u00e1 sendo exibido apenas ap\u00f3s a intera\u00e7\u00e3o com o alerta. Isso pode afetar a capacidade do site de ser encontrado em pesquisas relevantes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Desempenho do Site<\/h3>\n\n\n\n<p>Alertas frequentes podem aumentar o tempo de carregamento do site e diminuir o desempenho geral. Isso ocorre porque o navegador precisa interromper o carregamento e a renderiza\u00e7\u00e3o da p\u00e1gina para exibir a caixa de di\u00e1logo modal.<\/p>\n\n\n\n<p>Em dispositivos com recursos limitados, como smartphones mais antigos, isso pode resultar em travamentos ou atrasos percept\u00edveis na experi\u00eancia do usu\u00e1rio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Exemplo\"><\/span>Exemplo<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Considere um site de com\u00e9rcio eletr\u00f4nico onde o usu\u00e1rio est\u00e1 navegando por produtos. Se o site utiliza alertas para exibir mensagens promocionais a cada p\u00e1gina que o usu\u00e1rio acessa, isso interrompe a navega\u00e7\u00e3o suave e pode levar a uma experi\u00eancia frustrante.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Solu\u00e7\u00f5es Alternativas<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use mensagens n\u00e3o intrusivas, como notifica\u00e7\u00f5es no topo da p\u00e1gina, para exibir informa\u00e7\u00f5es importantes;<\/li>\n\n\n\n<li>Considere a cria\u00e7\u00e3o de modais elegantes que n\u00e3o interrompam a intera\u00e7\u00e3o do usu\u00e1rio;<\/li>\n\n\n\n<li>Utilize eventos e anima\u00e7\u00f5es para chamar a aten\u00e7\u00e3o do usu\u00e1rio sem bloquear a experi\u00eancia de navega\u00e7\u00e3o.<\/li>\n<\/ul>\n\n\n\n<p>Em suma, o uso excessivo de alertas em JavaScript pode prejudicar a experi\u00eancia do usu\u00e1rio, afetar a indexa\u00e7\u00e3o de conte\u00fado pelos mecanismos de busca e impactar o desempenho do site.<\/p>\n\n\n\n<p><strong>Ao projetar um site, \u00e9 importante considerar alternativas mais amig\u00e1veis e menos intrusivas para fornecer informa\u00e7\u00f5es e intera\u00e7\u00f5es aos usu\u00e1rios.<\/strong> Isso contribuir\u00e1 para uma experi\u00eancia de usu\u00e1rio mais positiva e para um site melhor otimizado para mecanismos de busca.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alternativas_ao_metodo_alert\"><\/span>Alternativas ao m\u00e9todo alert<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modais:<\/strong> em vez de usar o <code>alert<\/code>, voc\u00ea pode criar modais personalizados usando bibliotecas como Bootstrap ou CSS puro. Isso permite que voc\u00ea projete janelas de di\u00e1logo mais atraentes e informativas;<\/li>\n\n\n\n<li><strong>Notifica\u00e7\u00f5es no navegador:<\/strong> utilizando a API de Notifica\u00e7\u00f5es do navegador, voc\u00ea pode exibir mensagens na \u00e1rea de notifica\u00e7\u00f5es do usu\u00e1rio. Por exemplo, <code>Notification.requestPermission()<\/code> permite pedir permiss\u00e3o para mostrar notifica\u00e7\u00f5es e <code>new Notification()<\/code> cria uma notifica\u00e7\u00e3o;<\/li>\n\n\n\n<li><strong>Bibliotecas de terceiros, como SweetAlert:<\/strong> essas bibliotecas fornecem caixas de di\u00e1logo personalizadas e estilizadas, com recursos adicionais. Por exemplo, o SweetAlert permite criar pop-ups elegantes e interativos com anima\u00e7\u00f5es e personaliza\u00e7\u00f5es.<\/li>\n<\/ul>\n\n\n\n<p>Lembre-se de que cada abordagem tem suas pr\u00f3prias vantagens e desvantagens, e a escolha depende do contexto e das necessidades do seu projeto.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#ff6a0038\">Outros t\u00edtulos interessantes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/seo\/seo-marketing-20-dicas-subir-no-google\/\">SEO Marketing: 20 dicas para subir no Google em 2020<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/google-forms-guia-facil-para-criar-formularios-incriveis\/\">Como criar um formul\u00e1rio no Google usando Google Forms<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/como-ganhar-dinheiro-na-internet-de-forma-honesta-e-comprovada\/\">Como ganhar dinheiro na internet de forma honesta e comprovada: 13 dicas para 2024<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/empreendedorismo\/vagas-freelancer\/\">7 Segredos para Encontrar as Melhores Vagas Freelancer<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/registro-de-dominios\/o-que-e-dominio\/\">O que \u00e9 dom\u00ednio?<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p><strong>O alert JavaScript, em suma, \u00e9 uma ferramenta realmente muito \u00fatil para exibir suas mensagens de forma simples em caixas de di\u00e1logo nos navegadores.<\/strong><\/p>\n\n\n\n<p>Usado com modera\u00e7\u00e3o, ele oferece um feedback imediato que <strong>melhora a experi\u00eancia geral do usu\u00e1rio<\/strong> em websites e apps. Entretanto, seu uso excessivo pode prejudicar a experi\u00eancia do usu\u00e1rio, indexa\u00e7\u00e3o nos mecanismos de busca e o desempenho do site.<\/p>\n\n\n\n<p>Ao criar intera\u00e7\u00f5es din\u00e2micas, \u00e9 aconselh\u00e1vel considerar op\u00e7\u00f5es como modais customizados, notifica\u00e7\u00f5es no navegador e bibliotecas de terceiros.<\/p>\n\n\n\n<p>A sele\u00e7\u00e3o adequada enriquece a intera\u00e7\u00e3o usu\u00e1rio-aplica\u00e7\u00e3o, promovendo uma experi\u00eancia suave e otimizada, ao mesmo tempo em que impulsiona o potencial de SEO do seu site.<\/p>\n\n\n\n<p>Considere conhecer mais do conte\u00fado do nosso <a href=\"https:\/\/www.homehost.com.br\/blog\/\">blog<\/a> e aprender mais fun\u00e7\u00f5es e conte\u00fados de programa\u00e7\u00e3o. Complemente sua educa\u00e7\u00e3o!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O alert JavaScript \u00e9 uma funcionalidade essencial que permite aos desenvolvedores exibirem mensagens simples em caixas de di\u00e1logo no navegador. Ao utilizar a instru\u00e7\u00e3o alert(), \u00e9 poss\u00edvel criar pop-ups informativos que podem conter mensagens de aviso, notifica\u00e7\u00f5es ou at\u00e9 mesmo intera\u00e7\u00f5es b\u00e1sicas com o usu\u00e1rio. No contexto do desenvolvimento web, o alert() \u00e9 frequentemente empregado [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":10908,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6585],"tags":[],"class_list":["post-10902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Alert JavaScript: Como exibir uma mensagem na tela | Homehost<\/title>\n<meta name=\"description\" content=\"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Alert JavaScript: Como exibir uma mensagem na tela | Homehost\" \/>\n<meta property=\"og:description\" content=\"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-28T15:59:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-02T13:48:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\",\"name\":\"Alert JavaScript: Como exibir uma mensagem na tela | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png\",\"datePublished\":\"2023-08-28T15:59:49+00:00\",\"dateModified\":\"2024-05-02T13:48:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png\",\"width\":1260,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Alert JavaScript: Como exibir uma mensagem na tela\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Alert JavaScript: Como exibir uma mensagem na tela | Homehost","description":"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"Alert JavaScript: Como exibir uma mensagem na tela | Homehost","og_description":"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador","og_url":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-08-28T15:59:49+00:00","article_modified_time":"2024-05-02T13:48:52+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/","url":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/","name":"Alert JavaScript: Como exibir uma mensagem na tela | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png","datePublished":"2023-08-28T15:59:49+00:00","dateModified":"2024-05-02T13:48:52+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Conhe\u00e7a tudo do alert JavaScript: uma funcionalidade essencial para exibir mensagens simples em caixas de di\u00e1logo no navegador","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png","width":1260,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Alert JavaScript: Como exibir uma mensagem na tela"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"Daiana S","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-3.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10902"}],"version-history":[{"count":6,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10902\/revisions"}],"predecessor-version":[{"id":14001,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10902\/revisions\/14001"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/10908"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}