CODEWITHSUNDEEP
javascript
DjangoDev
DjangoDev

Reputation: 957

Getting the value of prompt box into another function

Please check out the code below. I want to get the value entered in the prompt box into function dis(). How can I do that?

<!DOCTYPE html>
<html>
<head>
<script>
function display()
{
var z=prompt("enter your name...");
if(z!=null)
{
document.getElementById("demo").innerHTML="thankyou"+z+"..";
document.getElementById("case").style.display='block';
}
else
document.getElementById("demo").innerHTML="thankyou";
}
function dis()
{

    var a=document.getElementById("aaa").value;
    alert("your mark is"+a);
}
</script>
</head>
<body>
<p id="demo">click on the button.....</p>
<button type="button" onclick="display()">submit</button>
<div id="case" style="display:none">
<input type="text" id="aaa" name="myText" onDblClick="dis()">enter your mark
</div>
</body>
</html>

Upvotes: 2

Views: 29690

Answers (2)

Prashant16
Prashant16

Reputation: 1526

If you want to directly pass value to dis() function then change your script to 

function display() {
     var z = prompt("enter your name...");
     if (z != null) {
         document.getElementById("demo").innerHTML = "thankyou " + z + "..";
         document.getElementById("case").style.display = 'block';
         dis(z);
     }
     else
         document.getElementById("demo").innerHTML = "thankyou";
 }
 function dis(arg) {
     alert("your mark is" + arg);
 }

Upvotes: 8

nnnnnn
nnnnnn

Reputation: 150030

If you want the value to be accessible from independent functions you'll need to store it in a global variable:

<script>
var userName = null;

function display() {
  userName = prompt("enter your name...");
  if (userName != null) {
    document.getElementById("demo").innerHTML="thankyou "+userName +"..";
    document.getElementById("case").style.display='block';
  } else
    document.getElementById("demo").innerHTML="thankyou";
}

function dis() {
    var a=document.getElementById("aaa").value;
    alert(userName + ", your mark is"+a);
}
</script>

Note that if the functions are completely independent they'll all need to test whether the variable has a value yet. In your case the dis() function is only called from a control that is made visible after a value has been set, but note that the user might click the button again and then cancel - in which case the name will be set back to null but the case element will still be visible.

Upvotes: 3

Related Questions