The input value entered is always returning undefined. Despite trying various solutions found in similar questions, my jQuery code continues to return undefined.
jQuery:
$( document ).ready(function() {
$('#Input').keypress(
function(e){
if (e.keyCode == 13) {
alert( ">" + $("#Input").value );
}
});
}); <!DOCTYPE html>
<html>
<style type="text/css>
body{
background-color: black;
color: #00c600;
font-family: VT323;
}
input{
background-color: black;
color: #00c600;
font-family: VT323;
border:none;
width: 98%%;
height: 30px;
font-size: 20px;
border: 2px black;
float: left;
margin-left: 10px;
list-style-type: none;
position: absolute;
bottom: 17px;
}
input:focus {
outline: 0;
}
h1{
text-align: center;
font-size: 50px;
}
h2{
padding-left: 20px;
}
::-webkit-input-placeholder {
color: #00c600;
}
::-webkit-scrollbar {
display: none;
}
</style>
<body>
<script src="http://code.jquery.com/jquery-1.3.2.min.js">
</script>
<script src="jquery.js">
</script>
<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
<h1>FUN TIME BETA 0.1 </h1>
<div id="Text" style="overflow:auto; width:100%; height:400px;">
<h2>>Welcome to Fun Time</h2>
<h2>>Press F11 to enter full screen</h2>
</div>
<h3 style="float:left;list-style-type: none; position: absolute; bottom: 5px;">></h3>
<input name="Input" id="Input" type="text" autofocus> </input>
</body>
</html>Regardless of how many times I change the code, when using alert it still displays undefined, and console log also returns undefined. Attempting to append data results in an error which seems to be unrelated to the issue at hand.