{"id":114712,"date":"2023-08-01T10:54:53","date_gmt":"2023-08-01T13:54:53","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/javascript-alert-exibindo-mensagens-de-alerta-com-alert-em-javascript\/"},"modified":"2023-08-01T10:54:53","modified_gmt":"2023-08-01T13:54:53","slug":"javascript-alert-exibindo-mensagens-de-alerta-com-alert-em-javascript","status":"publish","type":"post","link":"https:\/\/homolog.fluency.io\/br\/blog\/javascript-alert-exibindo-mensagens-de-alerta-com-alert-em-javascript\/","title":{"rendered":"JavaScript Alert: Exibindo Mensagens de Alerta com alert em JavaScript"},"content":{"rendered":"

<\/p>\n

O JavaScript Alert: conhe\u00e7a essa funcionalidade \u00fatil na linguagem de programa\u00e7\u00e3o JavaScript<\/h1>\n

O que \u00e9 JavaScript Alert?<\/h2>\n

O JavaScript Alert \u00e9 uma fun\u00e7\u00e3o que permite exibir uma caixa de di\u00e1logo simples com uma mensagem para o usu\u00e1rio. Essa mensagem pode ser utilizada para informar sobre algum evento, erro ou obter a confirma\u00e7\u00e3o do usu\u00e1rio antes de executar determinada a\u00e7\u00e3o. Ao ser exibida, a caixa de di\u00e1logo do JavaScript Alert geralmente inclui um bot\u00e3o “OK” para que o usu\u00e1rio a feche.\n <\/p>\n

O comando alert em JavaScript<\/h2>\n

Para utilizar o comando alert em JavaScript, basta chamar a fun\u00e7\u00e3o “alert” seguida de um par\u00e2metro contendo a mensagem que voc\u00ea deseja exibir. Nesse exemplo, a mensagem “Ol\u00e1, mundo!” ser\u00e1 exibida em uma caixa de di\u00e1logo assim que o c\u00f3digo for executado. \u00c9 importante lembrar que o comando alert \u00e9 s\u00edncrono, ou seja, ele para a execu\u00e7\u00e3o do c\u00f3digo at\u00e9 que o usu\u00e1rio feche a caixa de di\u00e1logo.\n <\/p>\n

alert(\"Ol\u00e1, mundo!\");<\/code><\/pre>\n
Mensagens de alerta personalizadas<\/h2>\n
Al\u00e9m de mensagens simples como “Ol\u00e1, mundo!”, \u00e9 poss\u00edvel utilizar o comando alert em JavaScript para exibir informa\u00e7\u00f5es mais detalhadas para o usu\u00e1rio. \u00c9 poss\u00edvel criar mensagens de alerta personalizadas e din\u00e2micas atrav\u00e9s da concatena\u00e7\u00e3o de strings e vari\u00e1veis. Nesse caso, a mensagem exibida ser\u00e1 “Ol\u00e1, Jo\u00e3o! Voc\u00ea tem 25 anos.”<\/p>\n
let nome = \"Jo\u00e3o\";\n  let idade = 25;\n\n  alert(\"Ol\u00e1, \" + nome + \"! Voc\u00ea tem \" + idade + \" anos.\");<\/code><\/pre>\n
Funcionalidades avan\u00e7adas do comando alert em JavaScript<\/h2>\n
Al\u00e9m de exibir mensagens simples, o comando alert em JavaScript tamb\u00e9m pode ser utilizado em conjunto com outras funcionalidades para melhorar a experi\u00eancia do usu\u00e1rio. Alguns exemplos s\u00e3o:<\/p>\n
    \n
  1. Interagir com o usu\u00e1rio: O comando alert pode ser utilizado para solicitar a entrada de dados do usu\u00e1rio atrav\u00e9s da caixa de di\u00e1logo.<\/li>\n
  2. Formata\u00e7\u00e3o de texto: O comando alert suporta a formata\u00e7\u00e3o b\u00e1sica de texto, como quebras de linha e estilos em negrito ou it\u00e1lico.<\/li>\n<\/ol>\n
    Exemplos pr\u00e1ticos de uso do comando alert em JavaScript<\/h2>\n
    Ap\u00f3s entender as funcionalidades avan\u00e7adas do comando alert em JavaScript, vamos explorar alguns exemplos pr\u00e1ticos de uso:<\/p>\n