javascript and script location
in this page ..
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>mystuff</title>
<script>
function logKey(e) {
console.log("at logKey");
//console.log(e);
//log.value = ${e.code};
}
</script>
</head>
<body>
<input type="text" id="inp" value="typehere"></input>
<p id="log"></p>
<script>
var inp = document.getElementById('inp');
var log = document.getElementById('log');
inp.onkeyup = logKey;
console.log(inp);
</script>
</body>
</html>
i get a console log error report saying that on line 16 'inp' is undefined. I am 84.5 and trying to learn how to generate and interact with a web page. i wrote my first program in 1960 and have extensive C# experience but web programming seems to be more about where things are placed rather than what they do. Yes, i have history off.
in this page ..
<pre><nowiki><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>mystuff</title>
<script>
function logKey(e) {
console.log("at logKey");
//console.log(e);
//log.value = ${e.code};
}
</script>
</head>
<body>
<input type="text" id="inp" value="typehere"></input>
<p id="log"></p>
<script>
var inp = document.getElementById('inp');
var log = document.getElementById('log');
inp.onkeyup = logKey;
console.log(inp);
</script>
</body>
</html>
</nowiki></pre><br>
i get a console log error report saying that on line 16 'inp' is undefined.
I am 84.5 and trying to learn how to generate and interact with a web page.
i wrote my first program in 1960 and have extensive C# experience but web programming seems to be more about where things are placed rather than what they do. Yes, i have history off.
Modified by cor-el
All Replies (1)
https://jsfiddle.net/f2gwotne/
It works for me. Perhaps a cache issue.