Scribd
Upload
272 views7 pages

WPL Questions

The document outlines 10 programs to be completed for a Web Programming Lab course. The programs cover skills including designing webpages with HTML and CSS, creating a basic calculator with JavaScript, manipulating text using JavaScript, form validation, creating a calendar, working with JSON data from APIs, making asynchronous requests using promises, building a server with Node.js, and inserting form data into a MongoDB database. Completing the programs will provide students experience with core web technologies like HTML, CSS, JavaScript, APIs, servers, and databases.

Uploaded by

Vaishnavi Punagin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
272 views7 pages

WPL Questions

The document outlines 10 programs to be completed for a Web Programming Lab course. The programs cover skills including designing webpages with HTML and CSS, creating a basic calculator with JavaScript, manipulating text using JavaScript, form validation, creating a calendar, working with JSON data from APIs, making asynchronous requests using promises, building a server with Node.js, and inserting form data into a MongoDB database. Completing the programs will provide students experience with core web technologies like HTML, CSS, JavaScript, APIs, servers, and databases.

Uploaded by

Vaishnavi Punagin
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Dayananda Sagar University School of Engineering

School of Engineering
Department of Computer Science Engineering
Web Programming Lab

PART A

Program 1

Design the following using HTML


NOTE: You are free to replace images/links of your choice.

Web Programming Lab,Dept. of CSE Dayananda Sagar University


Web Programming Lab,Dept. of CSE Dayananda Sagar University
Program 2

Design a web page using CSS which includes the following:

1)The usage of inline, internal and external stylesheet using CSS.


2) Use different font styles
3) Control the repetition of image with background-repeat and no-repeat property
4) Define style for links as a: link, a: active, a: hover, a: visited
5) Demonstrate cursor property of CSS that allows you to specify the type of cursor that should
be displayed to the user.

Program 3

​Write a JavaScript to design a simple calculator to perform the following operations: sum,
product, difference and quotient.

Program 4 a)

Write a JavaScript code that displays text “TEXT-GROWING” with increasing font size in the
interval of 100ms in RED COLOR, when the font size reaches 50pt it displays
“TEXT-SHRINKING” in BLUE color. Then the font size decreases to 5pt.

Web Programming Lab,Dept. of CSE Dayananda Sagar University


Program 4 b)

Develop and demonstrate a HTML5 file that includes JavaScript script that uses functions for
the following problems:

a. Parameter: A string

b. Output: The position in the string of the left-most vowel

c. Parameter: A number

d. Output: The number with its digits in the reverse order

Program 5

Create a sample form program that collects the first name, last name, email, user id, password
and confirms password from the user. All the inputs are mandatory and email address entered
should be in correct format. Also, the values entered in the password and confirm password
textboxes should be the same. After validating using JavaScript, In output display proper error
messages in red color just next to the textbox where there is an error.

Program 6.

Create an HTML page named as “calendar.html”

1. Define a method called “day_title(days)” to fill the days in the table.

2. Define a method called “fill_table(month,len)” to fill the table with date, according to the
month & number of dates (len).

3. Define a prompt() method to get the year from the user

Web Programming Lab,Dept. of CSE Dayananda Sagar University


PART B

Program 7

Write the program that process the JSON data you’re getting from the Weather API and return
an object with only the data you require .

Program 8

Use a weather API to add weather data to a web page by making use of ‘promises’.The URL of
the weather API is https://handlers.education.launchcode.org/static/weather.json.

Program 9

Write a server in Node.JS which will accept the name of the candidate via a form (client
program) and displays back the contents to the browser.

Program 10

Write a MongoDB program which accepts the username,phone number,password and email
from HTML form. The submitted data must be inserted into the database using the POST
method. If the insertion is successful, Redirect to a different web page with a proper message .

Web Programming Lab,Dept. of CSE Dayananda Sagar University


Web Programming Lab,Dept. of CSE Dayananda Sagar University
Web Programming Lab,Dept. of CSE Dayananda Sagar University

You might also like