Data won't transfer between elements in javascript

Asked Jan 13 '17 at 22:08

Active Jan 13 '17 at 22:12

Viewed 33 times

So I have a text area with the id of textBox, and I have a paragraph with the id of pwbox. Like so

<p id="pwbox"></p>
<textarea align="center" style="visibility:hidden;" id="textBox" autofocus></textarea>

I'm trying to hide the visible one and transfer the content of it to the hidden one. Then delete the content of the one that I'm hiding by calling hideP() like so:

<script>

var pHidden="no";

function hideP()
{
    if (pHidden=="no"){

        document.getElementById("textBox").innerHTML = document.getElementById("pwbox").innerHTML.slice(0, -1);
        document.getElementById("pwbox").innerHTML = " ";
        document.getElementById("pwbox").style.visibility = "hidden";
        document.getElementById("textBox").style.visibility = "visible";
        pHidden = "yes";
    } else {
        document.getElementById("pwbox").innerHTML = document.getElementById("textBox").innerHTML += "|";
        document.getElementById("textBox").innerHTML = " ";
        document.getElementById("pwbox").style.visibility = "visible";
        document.getElementById("textBox").style.visibility = "hidden";
        pHidden = "no";
    };

};

</script>

It will switch the visibility but it won't transfer the content correctly, anyone know where I messed up at?

I call the function with something like this:

<a href="javascript:void" onclick="hideP()">Swap</a>

also the slice and +="|" is a mock cursor and is supposed to be there.

edited Jan 13 '17 at 22:12

asked Jan 13 '17 at 22:08

Davie

Have you checked your browser console for errors? – NewToJS Jan 13 '17 at 22:10
One thing `var pHidden=="no";` should be `var pHidden="no";` – Loaf Jan 13 '17 at 22:10
Use `.value` to get the contents of a `textarea`. – Barmar Jan 13 '17 at 22:11
Don't use strings for boolean values, use booleans. – Barmar Jan 13 '17 at 22:12
`if (pHidden="no")` should be `if (pHidden=="no") – Barmar Jan 13 '17 at 22:12
Use booleans: `var pHidden = false;` and `if (!pHidden)` – Barmar Jan 13 '17 at 22:13
@Barmar they are, that was a typo, sorry – Davie Jan 13 '17 at 22:13
@Barmar, I can't use booleans, I intend to have other functions for other things later on. I didn't know to use . value for a textarea though, that's probably my issue. – Davie Jan 13 '17 at 22:15
@Barmar The .value advice fixed my program, if you want to answer it I'll give you the answer and an upvote. Thank you, I appreciate it. – Davie Jan 13 '17 at 22:20
@Davie Can't post answers to closed questions. – Barmar Jan 13 '17 at 22:20

Data won't transfer between elements in javascript

0 Answers0