null value

ive moved everthing around and my code is a mess trying to get this to work. I want to compare my input to a string i define in script from my table on the database. however even when i define a value, i keep getting a null return for my input.
html file:

Code:

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="Construction.css"/> <script src="Construction.js"></script> <title>Blue Mountain</title> </head> <body id="body"> <div id="Home_Style"> <header id="Global_Name"> <h1 id="Global_Name_Text">Blue Mountain Productions: NOTICE!</h1> </header> <section id="Global_Body"> <section id="Home"> <h1>*****************************************</h1> <h1>We are currently performing maintenecnce.</h1> <h1>*****************************************</h1> <p> Admins login below:</p> </section> <section id="Login_Form"> <form> <p>Username: <input type="text" id="poop" value="admin1"></p> <p>Password: <input type="text" id="poops" value="bluepass"></p> <button id="Login_B">Login</button> </form> </section> <?php $con = mysql_connect("no","no","no"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("a5481476_Login", $con); $result = mysql_query("SELECT * FROM users WHERE admin='yes'"); while ($row = mysql_fetch_array($result)) { $txt=$row['email']; $txts=$row['password']; echo "<br />"; } ?> <script> function Login_T() { var Login_User = "<?php echo $txt;?>"; var Login_Pass = "<?php echo $txts;?>"; document.write("test: " + String(Login_User) + " " + String(Login_Pass)); Login_Check(); } </script> </section> <footer id="footer"> <p> Blue Mountain Productions presents: Blue Mountain V 0.1 : Brandon Deaton - Joshua Hayes</p> </footer> </div> </body> </html>  <script type="text/javascript" src="http://stats.hosting24.com/count.php"></script> 

javascript

Code:

window.onload=function(){ var Maintenance = 1; /* 0 = false, 1 = true */ if (Maintenance == '1') { /*alert("Site Under Construction.");*/ } if (Maintenance == '0') { window.location.href = "Home.html"; } } function Login_O() { var Submit_Button = document.getElementById("Login_B"); Submit_Button.addEventListener("click", Login_T, false); } function Login_Check() { var Username_Login = document.getElementById('poop'); var Password_Login = document.getElementById('poops'); alert('5'); document.write("test: " + String(Username_Login) + " " + String(Password_Login)); alert('6'); var tst = Username_Login.value; alert('8'); var tsts = Password_Login.value; document.write("test: " + String(tst) + " " + String(tsts)); alert('f9'); if (Username_Login == String(Login_User) && Password_Login == String(Login_Pass)) { alert("welcome"); window.location.href = "Home.html"; } } window.addEventListener("load", Login_O, false);

i started adding weird tags and ids because i didnt know if maybe it was the id that was messing up. THis is driving me crazy. Ive performed an exact setup with another html file and it worked.

the null value is in the script file.

Code:

var tst = Username_Login.value;

I believe it's because of the document.write, that precedes it. document.write generates a whole new page and therefore, there are no longer any #poop or #poops inputs. Try using something else. Add some <p> element with id="outputs" and then use

document.getElementById("outputs").innerHTML = "some string";

to fill it. If you want to append some string to it, use

document.getElementById("outputs").innerHTML += "some other string";

Or you can try to retrieve the value before you use any document.writes