HTML/JavaScript Web Application Answers

HTML Hyperlinks & Bootstrap Position Utilities

The goal of this coding exam is to quickly get you off the ground with the Navigation within the same HTML document and Bootstrap Position Utilities.

Give Home, Profile, Education, Projects and contact as html hyperlink tag to html main heading tag

Give attribute id to html main heading element to hyperlink

Note:-

Use the HTML main heading elements for the text.

Given two boolean values

1. isGrassTrimmerFound and isWaterHosePipeFound as inputs, create three JS promises using async/await and try/catch blocks. For cutting the grass,

• resolve with "Grass Trimmed" text, if the isGrassTrimmerFound is true
• reject with "Grass Trimmer Not Found" text, if the isGrassTrimmerFound is false

1. For cleaning the garden,

• resolve with "Garden Cleaned" text

1. For watering the plants,

• resolve with "Watered Plants" text, if the isWaterHosePipeFound is true
• reject with "Water Hose Pipe Not Found" text, if the isWaterHosePipeFound is false

Input

• The first line of input contains a boolean isGrassTrimmerFound
• The second line of input contains a boolean isWaterHosePipeFound

Output

• The output should be a string with the appropriate messages in separate lines

Sample Input 1

true

true

Sample Output 1

Grass Trimmed

Garden Cleaned

Watered Plants

Write the PHP script called remove.php and create an HTML form for your web page that removes lines of text from a given file, the file contains sentences, and it is called textfile.txt. Your we page contains a short form with a text box and text field where the customers or users can type only one word. Then the web page should provide the following behaviors: • The web page displays the current contents of the file text.txt as it appears in the file with its format.• The web page form submits back to the same page, remove.php, as a post request. • Display changes of the file to any future viewings of the web page and display how many sentences were removed from the textfile.txt. • Do not used browser's default styling. You are required to write any suitable CSS style. • Ensure that the results are displayed in red color and the number of sentences removed are displayed in green colour.

Suppose you are asked to develop a website for online fruits selling company dealing in just Banana, Orange, and Apple . Keeping in view this, write ten most appropriate keywords and also suggest a good domain name that is currently not buy by anyone and available to buy. Your website must select the keywords in such a way that you can get more customers.    

String Ending with Vowel

Given an array of vowels in the prefilled code and a string

inputString as an input, write a JS program to check whether the inputString ends with a vowel.

Quick Tip

You can use the string methods toUpperCase() and endsWith().

Input

• The input will be a single line containing a string inputString

Output

• The output should be a single line containing a boolean value

Sample Input 1

Five

Sample Output 1

true

Sample Input 2

Apples grow best where there is cold in winter

Sample Output 2

false

To create a website which acts as the personal photo collection and album. The prototype of the album, the categories of photo collection and interactive visuals should be good.

Unite Family inputs from keyboard only.which means user decide the inputs

Given three objects

father, mother, and child, write a JS program to concatenate all the objects into the family object using the spread operator.Input

• The first line of input contains an object father
• The second line of input contains an object mother
• The third line of input contains an object child

Output

• The output should be a single line string with the appropriate statement as shown in sample outputs

Constraints

• Keys of the objects should be given in quotes

SampleInput 1(from user side from keyboard)

{'surname' : 'Williams', 'city': 'Columbia'}

{'dish': 'cakes'}

{'pet': 'Rocky'}

Sample Output 1(inputs from user)

Mr and Mrs Williams went to a picnic in Columbia with a boy and a pet Rocky. Mrs Williams made a special dish "cakes"

Unite Family (*inputs must be from keyboard.its user choice.)

Given three objects

father, mother, and child, write a JS program to concatenate all the objects into the family object using the spread operator.Input

• The first line of input contains an object father
• The second line of input contains an object mother
• The third line of input contains an object child

Output

• The output should be a single line string with the appropriate statement as shown in sample outputs

Constraints

• Keys of the objects should be given in quotes

Sample Input

{'surname' : 'Jones', 'city': 'Los Angeles'}

{'dish': 'puddings'}

{'pet': 'Peter'}

Sample Output

Mr and Mrs Jones went to a picnic in Los Angeles with a boy and a pet Peter. Mrs Jones made a special dish "puddings"

1. Task #2 – Wanna play a game?
2. We want to create a short program that performs the following task. A user is asked if they would like to play a game. If they answer y, yes, Yes or any other variation of the word (starting with a Y) – we will print to the screen “Hooray! So glad to be playing a game with you!”. If they answer n, no, No or any other variation of the word No (starting with an N), then we will display to the screen “Sorry that you don’t want to play with me :( “. If they enter any other value, we display “Sorry – didn’t get that – please enter your choice again” and they will be prompted to run the program once more. Your code must include the following:

• toLowerCase function, a loop and the substr function 

create JavaScript program for both task in html coding

Assignment #10 – Arrays

Task#1 – Favourite Places

Ask the user to enter ten of their places they have visited in their life. Once they have entered there favourite places, display the results. Use an array to store the ten favourite places.

Task#2 – Favourite Actor

Ask the user to enter their favourite actor and the role that the actor played. Save the actors in one array and the roles in another array. Ask for four favourite actors. Then ask the user for one of their favorite actors. Find the role that the actor played and display it to the screen.