Home › Forums › JavaScript › Learning basic
- This topic is empty.
-
AuthorPosts
-
March 30, 2013 at 2:57 pm #43792JustChillParticipant
Hello,
today I’am learning javascript(jquery). And I want to ask why in html don’t printing the sText variable?http://codepen.io/anon/pen/GdKcf
P.S. Sorry for dumb questions :D.
March 30, 2013 at 4:20 pm #130232hotpinkMemberThe main problem is that the variable: sText is defined outside the “scope” of where you are calling it.
When you define a variable inside of a function, it is available only within that function.
Here is a fork of your codepen that demonstrates the concept
http://codepen.io/jessecfisher/pen/DFzmBIf you don’t understand the code changes I’ve made, ask more questions :)
## Codepen tips
Here is a simplified version of your code that takes advantage of Codepen features.
You can see that the
jQuery can be included by clicking the gear image on the top right of the JS box.March 30, 2013 at 4:29 pm #130233theacefesMemberEDIT @hotpink beat me to it. :) Was trying to keep it as close to the original as possible. Also, what may work in Codepen may not work for OP’s personal projects.
[Try this](http://codepen.io/katbella5/pen/eqiLf “http://codepen.io/katbella5/pen/eqiLf”)
March 30, 2013 at 5:31 pm #130234JustChillParticipantThanks for clearly answer. :) But I have one more question.
It’s imposible from the JS code print in to the html code? I mean in the html code shows how it looks all code with (JS + HTML, these things **slidebox.wrap(“I wrote more there thins in JS. http://codepen.io/anon/pen/GdKcf
April 1, 2013 at 4:35 am #130308JustChillParticipantPossible to do it?
April 1, 2013 at 5:25 am #130310CrocoDillonParticipantNot sure if I understand the question but you can add elements with JS, for example:
$(‘body’).append(‘
‘);or
$(‘body’).append($(‘
‘).addClass(‘container’));See http://api.jquery.com/category/manipulation/ for more jQuery DOM manipulation functions.
AuthorPostsViewing 6 posts - 1 through 6 (of 6 total)- The forum ‘JavaScript’ is closed to new topics and replies.