Solved by verified expert:Hello,need this HW for due tomorrow. If you have any question please let me know I am attaching assigment in bottom.
assignment_4.docx
Unformatted Attachment Preview
Assignment 4
Start of Class
Objective: Introduction to Java scripting
Create a webpage for the following examples
1.
2.
3.
4.
5.
6.
7.
8.
9.
Create a navigation bar that hyperlinks to all web pages
o The name of links should be HOME, GREETINGS, ALERT, STORY AND CONVERSION
ALERTS
o Create a Web Page that creates three Alerts
1. Show an inspirational saying
2. Show a date
3. Add three numbers together within the alert
4. Add a click me button to trigger the alerts
Modify the JavaScript code in the appendix so that it uses your own preferred phrase and punctuation for
a GREETINGS
Develop a web page called STORY story.html. This page should ask the user to provide a few key words
(e.g. a color, a place, an action, etc.). The page should then use those words to produce an original story in
a text area. Here are the specific requirements:
o The story should talk about DePaul
o The page should ask for at least 3 words.
o The story needs to be at least one paragraph in length.
o At least one of the supplied words should appear more than once in the story.
o The title and your name should be centered at the top of the page.
o Add a click me button to trigger the story
Create a web page that will input the Fahrenheit temperature and convert it to Celsius. You will need to
use the text input and button.
Once you have completed the four Web pages above, create a navigation page that provides links to the
four exercise pages. Format this page using a suitable list. Add your name. This should be your index
page.
When creating your page, make sure that your HTML code is readable and follows common standards.
Adhere to the following principles:
Format your HTML code with blank lines, indentation and consistent spacing so that it’s easy to follow the
structure of the HTML code. This will help also help you check whether you have correctly open and
closed HTML tags.
Be sure to style all pages with one external style sheet . I.E the first page should have a picture and with
your name and similar to your third assignment describing the links.
http://studentweb.cdm.depaul.edu/~adoak1/it130/assgn4/html/story.html
Example LINK above
What to Submit
The link to your page should look something like the following:
http://studentweb.cdm.depaul.edu/~yourlogin/it130/assgn4
Please add link to comment section
Click the button to trigger a function that will output “Hello IT130 Students ” in a p element with
id=”demo”
Click me
function myFunction() {
document.getElementById(“demo”).innerHTML = “Hello IT130 Students”;
}
/**/
$(function (){
initPopupImagePreview(‘.box-attachments.images’);
});
function toggleHowItWorksAccordian() {
var howItWorksElement = $(‘#how-it-works-accordian’);
if (howItWorksElement.is(‘:visible’)) {
howItWorksElement.slideUp(‘slow’);
} else {
howItWorksElement.slideDown(‘slow’);
}
}
$(‘#howItWorksHideBtn’).click(function(){
$(‘#how-it-works-accordian’).slideUp(‘slow’);
});
function open_register(){
close_login();
$(‘#user-action-register’).closest(‘.popup-template’).removeClass(‘hidden’);
}
function close_register(){
$(‘#user-action-register’).closest(‘.popup-template’).addClass(‘hidden’);
}
function become_a_student(){
$(‘.student-to-show’).removeClass(‘hidden’);
$(‘.tutor-to-show’).addClass(‘hidden’);
$(‘#user-type’).val(‘1’);
//Changes the left-split background image
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.left’).css(‘background-image’, ‘url(/img/backgrounds/signup_bg.jpg)’);
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.h2-heading’).text(‘Take 10 seconds to Sign up!’);
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.sub-heading’).html(‘Get enstant access to your answer!’);
$(‘.bullet-points’).show();
}
function become_a_tutor(){
$(‘.student-to-show’).addClass(‘hidden’);
$(‘.tutor-to-show’).removeClass(‘hidden’);
$(‘#user-type’).val(‘2’);
//Changes the left-split background image
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.left’).css(‘background-image’, ‘url(/img/backgrounds/tutor_bg.jpg)’);
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.h2-heading’).text(‘Tutor On Studypool’);
$(‘#user-action-register’).closest(‘.popup-template’).find(‘.sub-heading’).html(‘Apply for an account to start working online.’);
$(‘.bullet-points’).hide();
}
function socialSignup(provider, type) {
// base url
var baseURL = ‘/users/oauth’;
// provider
var completeURL = baseURL + ‘?provider=’ + provider;
// type
completeURL = completeURL + ‘&type=’ + type;
// Callback url for notebank
completeURL = completeURL + ‘&callback_url=’ + encodeURIComponent(location.pathname + location.search + location.hash)
window.location = completeURL;
}
$(‘#login-flow-registration-form’).submit(function(e) {
$(‘#register-button’).attr(‘disabled’, true);
});
function open_login(){
$(‘#user-action-login’).closest(‘.popup-template’).removeClass(‘hidden’);
close_register();
}
function close_login(){
$(‘#user-action-login’).closest(‘.popup-template’).addClass(‘hidden’);
}
function resetPassword() {
close_login();
$(‘#forgotPasswordPopup’).modal(‘show’);
}
function socialLogin(provider) {
// base url
var baseURL = ‘/users/oauth’;
// provider
var completeURL = baseURL + ‘?provider=’ + provider;
// Callback url for notebank
completeURL = completeURL + ‘&callback_url=’ + encodeURIComponent(location.pathname + location.search + location.hash)
window.location = completeURL;
}
$(‘#login-form’).submit(function(e) {
$(‘#login-button’).attr(‘disabled’, true);
});
jQuery(function($) {
jQuery(‘a[rel=”tooltip”]’).tooltip();
jQuery(‘a[rel=”popover”]’).popover();
$(function() {
var date = new Date();
//add cookie to see where the user FIRST came to
if(!$.cookie(‘origin’)) {
//set expires date to 3 days to give them time to verify email
$.cookie(‘origin’,’question resell’, { expires: date.getTime() + (72*60*60*1000), path: ‘/’ });
}
//also track page views to the ‘origin’ pages
analytics.page(‘question resell’);
});
jQuery(” .timeago”).timeago([]);
});
/**/
…
Purchase answer to see full
attachment
You will get a plagiarism-free paper and you can get an originality report upon request.
All the personal information is confidential and we have 100% safe payment methods. We also guarantee good grades
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.
Read moreEach paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.
Read moreThanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.
Read moreYour email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.
Read moreBy sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.
Read more