alert box not printing my user input variable from promp

Question

Noob here. I do not know why the userInput variable is not coming out in the alertbox i am creating

<!DOCTYPE HTML>
<html>
    <head>
        <title>fns</title>
    </head>
    <body>
        <button onclick="namebox()">Enter Name</button>
        <button onclick="yoyoyo()">Generate Greeting!</button>

    </body>
    <script>
    function namebox() {
        var userInput = prompt("Enter your name");
    }
    function yoyoyo() {
        alert("Hello" + userInput);
    }
    </script>
</html>```

`userInput` is local to `namebox`, define it outside of both functions. — Alan Omar, Feb 25 '21 at 13:47
Read something about `variable scope`. Or open any tutorial in first 3 chapters, there will be the same. — pavel, Feb 25 '21 at 13:48

score 0 · Accepted Answer · answered Feb 25 '21 at 13:47

The issue you're having here is that the scope of userInput is limited to the namebox function. You'd have to raise the scope so it's accessible in both functions.

<html>
<head>
<title>fns</title>
</head>
<body>
<button onclick="namebox()">Enter Name</button>
<button onclick="yoyoyo()">Generate Greeting!</button>

</body>
<script>
var userInput; // declared outside both functions, so scope is available in both
function namebox() {
    userInput = prompt("Enter your name");
}
function yoyoyo() {
    alert("Hello" + userInput);
}
</script>
</html>

alert box not printing my user input variable from promp

1 Answers1