How to Code an Alert with a Variable Using Javascript

PDF download Download Article
Simple steps to notify users with a variable from your JavaScript code
PDF download Download Article

Alerts with variables are among the most useful things in javascript coding. You can use them to refer to someone by their name, to make a mini MadLibs game, or even for showing quiz results. This article will show you how to make a variable-based alert.

Part 1
Part 1 of 2:

Setting Up the Variable

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-1-Version-2.jpg\/v4-460px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-1-Version-2.jpg","bigUrl":"\/images\/thumb\/9\/96\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-1-Version-2.jpg\/v4-728px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Type "var username = prompt ('What is your name?');". Replace "username" with whatever you want to call your variable. Replace "What is your name?" with whatever you want to ask for.
    2. Advertisement
Part 2
Part 2 of 2:

Making the Alert

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f1\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-2-Version-2.jpg\/v4-460px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-2-Version-2.jpg","bigUrl":"\/images\/thumb\/f\/f1\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-2-Version-2.jpg\/v4-728px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-2-Version-2.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Type "alert ("Hey, " + name + "!");". This line of code will add the variable "name" to the word "Hey, "(with the space at the end), and then add "!" to end the sentence (not required). For example, if the user inputs "Trevor" as the value of the variable "name", the alert will say "Heya, Trevor!". You can use any message you want, though. If your variable is "favoriteColor" and "Blue" is the value, for instance, you can have the alert say "Blue is a very nice color! "
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5a\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-3-Version-2.jpg\/v4-460px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-3-Version-2.jpg","bigUrl":"\/images\/thumb\/5\/5a\/Code-an-Alert-with-a-Variable-Using-Javascript-Step-3-Version-2.jpg\/v4-728px-Code-an-Alert-with-a-Variable-Using-Javascript-Step-3-Version-2.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":551,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Try to make a one or two sentence biography.
    3. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How to make a prompt in a JavaScript?
    Community Answer
    Use "prompt(text);". It opens a window with a text field and shows the text that is inside the (). For instance, if you have a variable called foo and you want to set its value to something the users inputs, such as their username, you might do this: foo = prompt("Enter your username:") or, if you haven't defined foo already, var foo = prompt("Enter your username:").
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 3 Helpful 3
  • Question
    What software is this?
    Arrogance
    Top Answerer
    The text editor depicted in the images is Notepad++.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 0 Helpful 1
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      • All function calls and declarations should end with semicolons! For instance, don't write "alert(username)", instead write "alert(username);"! This tells the computer where to stop reading something and start actually doing it.
        Thanks
      • Try writing some lines of code before the alert code to repeat the prompt if the response is null.
        Thanks


      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      How to
      Enable JavaScript
      How to
      Enable Webgl
      How to
      Use JavaScript Injections
      How to Enable JavaScript in a Browser on a Mac
      How to
      Disable JavaScript
      How to
      Program Using Javascript
      How to
      Enable JavaScript in Mozilla Firefox
      How to
      Change Button Color in Javascript
      How to
      Make a JavaScript Image Rollover
      Simple Ways to Create a Javascript Console in Sublime Text
      4 Ways to Print in JavaScript: Console, Window Alert, & More
      How to
      Enable JavaScript in Internet Explorer
      Advertisement

      About This Article

      Thanks to all authors for creating a page that has been read 58,190 times.

      Is this article up to date?

      Advertisement