How do you call a prompt on page load with jquery?

Question

I cant seem to figure it out. This is what I have so far:

 <head>
  
  <script src="jquery-3.5.1.min.js"></script>
    var gamerName
    
    <script>
      $(document).ready(function(){
        gamerName = prompt("Please enter your name."," ");
    });
      
</script>  
    
    
  </head>

Please look carefully at the boxes in the live demo editor. You've dumped a pile of HTML into the box marked "javascript" — Quentin, Feb 17 '21 at 17:01
...and then rolled back my edit, because I suspect I masked the actual problem here — Daniel Beck, Feb 17 '21 at 17:22
The only problem with that code is that there is HTML in the JS box. — Quentin, Feb 17 '21 at 17:23

0stone0 · Answer 1 · 2021-02-17T17:13:25.387

1

Keep the var assignment inside the script tag! Otherwise it will be parsed as HTML.

Minimal example;

let gamerName;
$(document).ready(function(){
    gamerName = prompt("Please enter your name."," ");
    console.log(gamerName);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Feb 17 '21 at 17:13

answered Feb 17 '21 at 16:53

0stone0

34,288
4
39
64

This worked, but we were told to assign the global variable outside of doc ready. Is there a way to do that? – Max Feb 17 '21 at 17:08
Of course, please take a look at my edit. Otherwise, consider reading about [defining global variables](https://stackoverflow.com/questions/5786851/define-a-global-variable-in-a-javascript-function) – 0stone0 Feb 17 '21 at 17:14

How do you call a prompt on page load with jquery?

1 Answers1