Menu
ive been trying to figure out why my JavaScript code will not work. The alert works fine, but when I try to write in a div it does nothing. What am I doing wrong? Ive been trying to google the answer, but that has not been too helpful.
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="gamejavascript.js" type="text/javascript"> </script>
<link rel="stylesheet" type="text/css" href="gameStyle.css">
<title>Text Adventure RPG</title>
</head>
<body>
<p>hey </p>
<div id="eventWindow">
<div id="title">Black Forest</div>
<div id="eventContent">You have entered the black forest. Lucky you!</div>
</div>
<div id="itemList">Hey hey hey </div>
<div id="userStat"> </div>
</body>
</html>
My javascript is
$("p").append("HEY HEYH YEYEHE.");
alert("You madam are a horse!");
$("#userStat").html("Hey baby");
/* var user = function(attack,health)
{
this.attack = attack;
this.health = health;
};
var player = new user(10,100); */
thank you so much for your help!
-Brent
827
not selector Description: Selects all elements that do not match the given selector. version added: 1.0 jQuery (":not (selector)") selector: A selector with which to filter by. All selectors are accepted inside :not (), for example: :not (div a) and :not (div,a).
jQuery click not working at the time page loading, jQuery Onclick Method is tried to an element or selector. As a result, the binding will fail if the element we wish to click isn’t present when the page is ready.
selector: A selector with which to filter by. All selectors are accepted inside :not (), for example: :not (div a) and :not (div,a). The .not () method will end up providing you with more readable selections than pushing complex selectors or variables into a :not () selector filter. In most cases, it is a better choice.
The most typical cause for this code not working as intended is that the JavaScript gets placed and performed before the HTML element to which we are trying to add an event handler. When we know the full DOM tree has been built, the simplest method is adding the script code before the end tag.
You need to put your JavaScript at the end of the page before the closing body tag or in the head and wrapped in a document ready call. Ex:
$( document ).ready(function() {
// your code here
});
jsFiddle example (placing code at end of document)
The way you have it now, you're trying to execute code on elements that don't yet exist.
105
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
