Question

http://lrroberts0122.github.com/DWS/lab6/level-3/index.html

http://lrroberts0122.github.com/DWS/lab6/level-3/js/script.js

What I’m trying to do: For the field “Your Profile Link” I am trying to make it so that the text entered dynamically appears after “fitandawesome.com/” so that it shows the user’s profile link.

Okay, so this is what I’ve added, and according to sources, this should work. Why doesn’t it? If anyone could help me out I’d be greatly appreciate it. I’m not too savvy with JavaScript!

Update Okay, so I got it to work by putting the script in the body instead of the head. I’m still having and issue however, because it’s kind of “laggy.” It doesn’t display the last letter typed. Anyone know how to fix this?

Answer 1

You need to call the script.js once the DOM has loaded. There’s 2 ways of doing this:

1. link your script.js at the end of the body.
2. Use jQuery event listener to run the code once the page has loaded.

.

$(function(){
    $('#profile_link').keypress(function(){
        $('#preview').text($(this).val());
    });
})