0% found this document useful (0 votes)

14 views28 pages

Eg Programs

Uploaded by

bhavyasheoran2000

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

14 views28 pages

Eg Programs

Uploaded by

bhavyasheoran2000

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 28

Program 6

<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Sports Day Registration Form</title>

</head>

<body>

<h2>Sports Day Registration</h2>

<form action="#" method="POST">

<label for="name">Full Name:</label><br>

<input type="text" id="name" name="name" required placeholder="Enter your full

name"><br><br>

<input type="number" id="age" name="age" required placeholder="Enter your age"><br><br>

<label for="gender">Gender:</label><br>

<select id="gender" name="gender" required>

<option value="">Select Gender</option>

<option value="female">Female</option>
<option value="other">Other</option>

</select><br><br>

<label for="event">Choose Sport:</label><br>

<select id="event" name="event" required>

<option value="">Select Event</option>

<option value="100m">100m Race</option>

<option value="long_jump">Long Jump</option>

<option value="high_jump">High Jump</option>

<option value="relay">Relay Race</option>

<option value="shot_put">Shot Put</option>

</select><br><br>

<button type="submit">Submit Registration</button>

</form>

<p>© 2024 Sports Day Event</p>

</body>

</html>

Program 7

<!DOCTYPE html>
<html lang="en">

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Product Catalog</title>

</head>

<body>

<h1>Welcome to Our Product Catalog</h1>

<p>Browse through our collection of high-quality products.</p>

<hr>

<div>

<h2>Product 1: Running Shoes</h2>

<img src="https://via.placeholder.com/200" alt="Running Shoes" width="200">

<p><strong>Description:</strong> These running shoes provide ultimate comfort and support for
long-distance running.</p>

<p><strong>Price:</strong> $49.99</p>

</div>

<hr>

<div>
<h2>Product 2: Yoga Mat</h2>

<img src="https://via.placeholder.com/200" alt="Yoga Mat" width="200">

<p><strong>Description:</strong> A high-density yoga mat perfect for comfort during workouts and
yoga sessions.</p>

<p><strong>Price:</strong> $19.99</p>

</div>

<hr>

<div>

<h2>Product 3: Dumbbell Set</h2>

<img src="https://via.placeholder.com/200" alt="Dumbbell Set" width="200">

<p><strong>Description:</strong> A set of adjustable dumbbells for a full-body workout at

home.</p>

<p><strong>Price:</strong> $89.99</p>

</div>

<hr>

<div>

<h2>Product 4: Water Bottle</h2>

<img src="https://via.placeholder.com/200" alt="Water Bottle" width="200">

<p><strong>Description:</strong> A durable, BPA-free water bottle to keep you hydrated during

your workouts.</p>

<p><strong>Price:</strong> $12.99</p>
</div>

<hr>

<p>© 2024 Fitness Store</p>

</footer>

</body>

</html>

Program 11
<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Signup Form</title>

// Function to validate the form

function validateForm() {

let username = document.getElementById("username").value;

let password = document.getElementById("password").value;

let phone = document.getElementById("phone").value;

let email = document.getElementById("email").value;

let usernameRegex = /^[a-zA-Z0-9]{3,}$/; // Username should be alphanumeric and at least 3

characters

let passwordRegex = /^(?=.[A-Za-z])(?=.\d)[A-Za-z\d]{8,}$/; // Password must have letters and

numbers, and be at least 8 characters

let phoneRegex = /^\d{3}-\d{3}-\d{4}$/; // Phone number should be in the format 123-456-7890

let emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; // Simple email validation

regex

// Validate username

if (!username.match(usernameRegex)) {

alert("Username must be at least 3 characters long and contain only letters and numbers.");

return false;

// Validate password

if (!password.match(passwordRegex)) {

alert("Password must be at least 8 characters long and include both letters and numbers.");

return false;

// Validate phone number

if (!phone.match(phoneRegex)) {

alert("Phone number must be in the format 123-456-7890.");

return false;

}
// Validate email

if (!email.match(emailRegex)) {

alert("Please enter a valid email address.");

return false;

// If all validations pass

alert("Form submitted successfully!");

return true;

</script>

</head>

<body>

<h2>Signup Form</h2>

<form onsubmit="return validateForm()">

<label for="username">Username:</label><br>

<input type="text" id="username" name="username" required><br><br>

<label for="password">Password:</label><br>

<input type="password" id="password" name="password" required><br><br>

<label for="phone">Phone Number:</label><br>

<input type="text" id="phone" name="phone" required placeholder="123-456-7890"><br><br>

<label for="email">Email:</label><br>

<input type="email" id="email" name="email" required><br><br>

<button type="submit">Signup</button>

</form>

</body>

</html>

Program 12
<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Leap Year Checker</title>

// Function to check if a year is a leap year

function isLeapYear(year) {

if ((year % 4 === 0 && year % 100 !== 0) || (year % 400 === 0)) {

return true; // It's a leap year

} else {

return false; // Not a leap year

// Function to handle form submission and check if the year is a leap year

function checkLeapYear() {

let year = document.getElementById("year").value; // Get the year from the input field

year = parseInt(year); // Convert the input to an integer

if (isNaN(year)) {

alert("Please enter a valid year.");

return; // Exit if the input is not a valid number

// Check if the year is a leap year

if (isLeapYear(year)) {

alert(year + " is a leap year!");

} else {

alert(year + " is not a leap year.");

</script>

</head>

<body>
<h2>Leap Year Checker</h2>

<label for="year">Enter a year: </label>

<input type="text" id="year" placeholder="Enter year">

<button onclick="checkLeapYear()">Check Leap Year</button>

</body>

</html>

Program 13
<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Temperature Converter</title>

// Function to convert Celsius to Fahrenheit

function celsiusToFahrenheit() {

let celsius = document.getElementById("celsius").value; // Get the Celsius value

let fahrenheit = (celsius * 9/5) + 32; // Conversion formula

document.getElementById("fahrenheit").value = fahrenheit.toFixed(2); // Display Fahrenheit value

// Function to convert Fahrenheit to Celsius

function fahrenheitToCelsius() {

let fahrenheit = document.getElementById("fahrenheit").value; // Get the Fahrenheit value

let celsius = (fahrenheit - 32) * 5/9; // Conversion formula

document.getElementById("celsius").value = celsius.toFixed(2); // Display Celsius value

</script>

</head>

<body>

<h2>Temperature Converter</h2>

<label for="celsius">Celsius (°C): </label>

<input type="number" id="celsius" placeholder="Enter Celsius" oninput="celsiusToFahrenheit()">

<label for="fahrenheit">Fahrenheit (°F): </label>

<input type="number" id="fahrenheit" placeholder="Enter Fahrenheit"

oninput="fahrenheitToCelsius()">

<p>Enter the value in either Celsius or Fahrenheit, and the other temperature will be converted
automatically.</p>

</footer>
</body>

</html>

Program 14
<!DOCTYPE html>

<html lang="en" ng-app="shoppingListApp">

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>AngularJS Shopping List</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 20px;

.shopping-list {

margin-top: 20px;

input[type="text"] {

padding: 8px;

margin-right: 10px;

button {
padding: 8px;

background-color: #4CAF50;

color: white;

border: none;

cursor: pointer;

button:hover {

background-color: #45a049;

ul {

list-style-type: none;

padding: 0;

li {

padding: 5px;

border-bottom: 1px solid #ddd;

</style>

</head>

<body>

<h1>Shopping List</h1>

<ul>

<li ng-repeat="item in shoppingList">

<button ng-click="removeItem($index)">Remove</button>

</li>

</ul>

</div>

// Create the AngularJS module

var app = angular.module('shoppingListApp', []);

// Create a controller for managing the shopping list

app.controller('ShoppingListController', function($scope) {

// Initialize an array to store shopping list items

$scope.shoppingList = [];

// Function to add a new item to the shopping list

$scope.addItem = function() {
if ($scope.newItem) {

$scope.shoppingList.push({ name: $scope.newItem });

$scope.newItem = ''; // Clear the input field after adding the item

};

// Function to remove an item from the shopping list

$scope.removeItem = function(index) {

$scope.shoppingList.splice(index, 1);

};

});

</script>

</body>

</html>

Program 15
<!DOCTYPE html>

<html lang="en" ng-app="myApp">

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>AngularJS Routing Example</title>

<style>

body {

font-family: Arial, sans-serif;

margin: 20px;

nav {

background-color: #4CAF50;

padding: 10px;

margin-bottom: 20px;

nav a {

color: white;

margin-right: 15px;

text-decoration: none;

nav a:hover {

text-decoration: underline;

.content {

margin-top: 20px;

</style>

</head>

<nav>

<a href="#!/about">About</a>

</nav>

<ng-view></ng-view>

</div>

// Define the AngularJS app module with ngRoute dependency

var app = angular.module('myApp', ['ngRoute']);

// Configure the routes

app.config(function($routeProvider) {

$routeProvider

.when('/', {

template: '<h2>Welcome to the Home Page!</h2><p>This is the homepage content.</p>',

})

.when('/about', {
template: '<h2>About Us</h2><p>This is the about page content.</p>',

})

.otherwise({

redirectTo: '/'

});

// Create a controller for navigation (optional, if you want to manage some logic)

app.controller('NavController', function($scope) {

// Any logic you need for navigation can go here

$scope.pageTitle = "AngularJS Routing Example";

});

</script>

</body>

</html>

Program 16
<!DOCTYPE html>

<html>

<style>

div {

transition: all linear 0.5s;

background-color: lightblue;

height: 100px;
width: 100%;

position: relative;

top: 0;

left: 0;

.ng-hide {

height: 0;

width: 0;

background-color: transparent;

top:-200px;

left: 200px;

</style>

<h1>Hide the DIV: <input type="checkbox" ng-model="myCheck"></h1>

</script>

</body>

</html>

Program 17

Step 1: Installing WordPress

Here’s a step-by-step guide to installing WordPress and designing your site:

Option 1: Install Locally (Using XAMPP/WAMP/MAMP)

1. Download and Install XAMPP/WAMP/MAMP:

o XAMPP (for Windows, Linux, macOS)

o WAMP (Windows)

o MAMP (macOS)

2. Download WordPress:

o Go to the WordPress.org website and download the latest version.

3. Set Up XAMPP/WAMP/MAMP:

o Start Apache and MySQL from the control panel.

4. Create a Database:

o Open phpMyAdmin (http://localhost/phpmyadmin).

o Click "New" and create a database (e.g., wordpress).

5. Extract WordPress Files:

o Extract the downloaded WordPress ZIP file.

o Move the contents to the htdocs (for XAMPP) or equivalent folder (e.g.,
/htdocs/wordpress).

6. Install WordPress:

o Open your browser and visit http://localhost/wordpress.

o Follow the setup wizard:

 Choose your language.

 Enter database details (Database Name: wordpress, Username: root, Password:

``, Host: localhost).

Option 2: Install on a Live Server

1. Purchase Hosting and Domain:

o Buy a hosting plan and domain from providers like Bluehost, SiteGround, or HostGator.

2. One-Click WordPress Installation (Most Hosts):

o Log in to your hosting control panel (cPanel).

o Look for "WordPress Installer" or "Softaculous" under the app installers section.

o Click "Install Now," fill in the details, and follow the instructions.

3. Manual Installation:

o Upload the WordPress files to the public_html folder via FTP (using FileZilla or similar
software).

o Create a database in cPanel’s MySQL Database Wizard.

o Run the installation by visiting http://yourdomain.com.

Step 2: Designing Your WordPress Site

1. Log in to WordPress Admin:

 Visit http://yourdomain.com/wp-admin (or http://localhost/wordpress/wp-admin for local).

 Enter the username and password set during installation.

2. Choose and Install a Theme:

 Go to Appearance > Themes.

 Click Add New to browse free themes or upload a premium theme.

 Activate the theme.

Examples:

 Free: Astra, OceanWP

 Premium: Divi, Avada

3. Install Essential Plugins:

 Go to Plugins > Add New to install plugins for added functionality.

o Page Builder: Elementor or Beaver Builder.

o SEO: Yoast SEO.

o Forms: WPForms.

o Security: Wordfence.

4. Customize Appearance:

 Go to Appearance > Customize to adjust:

o Site Identity (Logo, Title, Tagline).

o Colors and Typography.

o Menus and Widgets.

5. Add Pages and Posts:

 Pages: For static content (e.g., About, Contact).

o Go to Pages > Add New.

 Posts: For blog entries.

o Go to Posts > Add New.

6. Use a Page Builder:

 Install Elementor (or similar).

 Use drag-and-drop functionality to create visually appealing layouts for pages like the
homepage.

7. Set a Homepage:

 Go to Settings > Reading.

 Select "A static page" and assign a page as the homepage.

8. Test Your Site:

 Test responsiveness and functionality on different devices and browsers.

 Use tools like Google PageSpeed Insights to check performance.

Additional Tips:

 Backup Your Site: Use plugins like UpdraftPlus for regular backups.

 Optimize Images: Compress images with plugins like Smush.

 Secure Your Site: Ensure your site uses SSL and install a security plugin.

Program 18
<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Retrieve Checkbox Values</title>

</head>
<body>

<h1>Select Your Hobbies</h1>

<label><input type="checkbox" name="hobby" value="Reading"> Reading</label><br>

<label><input type="checkbox" name="hobby" value="Traveling"> Traveling</label><br>

<label><input type="checkbox" name="hobby" value="Cooking"> Cooking</label><br>

<label><input type="checkbox" name="hobby" value="Gardening"> Gardening</label><br>

<button type="button" id="getValues">Get Selected Values</button>

</form>

<div id="output" style="margin-top: 20px; font-weight: bold;"></div>

$(document).ready(function() {

$('#getValues').click(function() {

// Retrieve checked checkbox values

let selectedHobbies = [];

$('input[name="hobby"]:checked').each(function() {

selectedHobbies.push($(this).val());

});

// Display the selected values

if (selectedHobbies.length > 0) {

$('#output').html('Selected hobbies: ' + selectedHobbies.join(', '));

} else {

$('#output').html('No hobbies selected.');

}

});

</script>

</body>

</html>

Program 19
<!DOCTYPE html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>jQuery Stop Animation</title>

<style>

.box {

width: 100px;

height: 100px;

background-color: #4CAF50;

position: absolute;

top: 50px;

left: 50px;

</style>
</head>

<body>

<h1>jQuery Stop Animation Example</h1>

<button id="startAnimation">Start Animation</button>

<button id="stopAnimation">Stop Animation</button>

<button id="stopAndJump">Stop and Jump to End</button>

$(document).ready(function () {

const box = $(".box");

// Start animation on button click

$("#startAnimation").click(function () {

box.animate({ left: "500px" }, 3000)

.animate({ top: "300px" }, 2000)

.animate({ left: "50px" }, 3000)

.animate({ top: "50px" }, 2000);

});

// Stop animation immediately without clearing the queue

$("#stopAnimation").click(function () {

box.stop();

});
// Stop animation and jump to the end of the current animation

$("#stopAndJump").click(function () {

box.stop(true, true);

});

</script>

</body>

</html>

Encyclopaedia Judaica, v. 11 (Ja-Kas) PDF
100% (4)
Encyclopaedia Judaica, v. 11 (Ja-Kas) PDF
842 pages
Creative Writing
100% (1)
Creative Writing
28 pages
Web Technologies Assessment 2
75% (4)
Web Technologies Assessment 2
26 pages
Grade 10 - Mock Test - English - Feb - 2023
100% (1)
Grade 10 - Mock Test - English - Feb - 2023
12 pages
Barracuda Web Filter AG PDF
No ratings yet
Barracuda Web Filter AG PDF
86 pages
Web Design
No ratings yet
Web Design
30 pages
A Watson Bain M A-French Poetry For Beginners PDF
No ratings yet
A Watson Bain M A-French Poetry For Beginners PDF
97 pages
CRWT Prelim Rev
No ratings yet
CRWT Prelim Rev
10 pages
Coldplay - Yellow: Were Came Wrote Was Took Was
No ratings yet
Coldplay - Yellow: Were Came Wrote Was Took Was
2 pages
Alastair Fowler - Genre and The Literary Canon - 1979
100% (1)
Alastair Fowler - Genre and The Literary Canon - 1979
24 pages
Javascript Solutions
100% (2)
Javascript Solutions
6 pages
New+Interchange+1+ +Teacher+Book +u07
0% (1)
New+Interchange+1+ +Teacher+Book +u07
7 pages
Contrastive Linguistic - Morphology
No ratings yet
Contrastive Linguistic - Morphology
22 pages
Assignment No.6: Govt .Post Graduate College Jhang
No ratings yet
Assignment No.6: Govt .Post Graduate College Jhang
33 pages
Name - Sanjay Nithin S REG NO - 20BIT0150
No ratings yet
Name - Sanjay Nithin S REG NO - 20BIT0150
29 pages
Lesson 1.a - 1.c - Integration Concepts & Formulas
No ratings yet
Lesson 1.a - 1.c - Integration Concepts & Formulas
5 pages
Data Communication Slide
No ratings yet
Data Communication Slide
309 pages
Name: B K Anirudh REG - NO: 19BIT0348: Digital Assignment 2 Web Technologies
No ratings yet
Name: B K Anirudh REG - NO: 19BIT0348: Digital Assignment 2 Web Technologies
49 pages
P2a Entity
No ratings yet
P2a Entity
19 pages
Exp 7
No ratings yet
Exp 7
16 pages
Dept HTML
No ratings yet
Dept HTML
83 pages
Lesson Plan - Computer Architecture: Data Representation, Micro-Operations Organization and Design
No ratings yet
Lesson Plan - Computer Architecture: Data Representation, Micro-Operations Organization and Design
6 pages
File Management
No ratings yet
File Management
20 pages
CSS Practicals
No ratings yet
CSS Practicals
38 pages
WEb Essentials Anna University Laboratory
No ratings yet
WEb Essentials Anna University Laboratory
47 pages
PurpComm Unit 1 Lesson 3
No ratings yet
PurpComm Unit 1 Lesson 3
34 pages
WebTechManual Final
No ratings yet
WebTechManual Final
40 pages
WEB DEV Arman Ansari
No ratings yet
WEB DEV Arman Ansari
39 pages
Periodic Solutions of Non-Autonomous Ordinary Differential Equations
No ratings yet
Periodic Solutions of Non-Autonomous Ordinary Differential Equations
15 pages
Web Tech Coding 002
No ratings yet
Web Tech Coding 002
33 pages
IP Codes
No ratings yet
IP Codes
22 pages
HTML Assignment
No ratings yet
HTML Assignment
31 pages
Web Tech
No ratings yet
Web Tech
55 pages
HTML Css File
No ratings yet
HTML Css File
21 pages
Exp-7 & EXP-9
No ratings yet
Exp-7 & EXP-9
25 pages
Css Ex - PR
No ratings yet
Css Ex - PR
25 pages
Web Tech File
No ratings yet
Web Tech File
25 pages
Assembly Language For x86 Processors: Chapter 1: Basic Concepts
No ratings yet
Assembly Language For x86 Processors: Chapter 1: Basic Concepts
41 pages
Webtechology
No ratings yet
Webtechology
18 pages
WEEK-5 F
No ratings yet
WEEK-5 F
20 pages
WT Lab Final Print
No ratings yet
WT Lab Final Print
32 pages
Web-Tech-Practical (1) - 1-24
No ratings yet
Web-Tech-Practical (1) - 1-24
24 pages
10 2023
No ratings yet
10 2023
53 pages
Web Application 1-12 Program & Output
No ratings yet
Web Application 1-12 Program & Output
28 pages
CCNA Pass4sure 200-120 Braindumps
No ratings yet
CCNA Pass4sure 200-120 Braindumps
16 pages
Weblab
No ratings yet
Weblab
17 pages
WP 20 PRGM
No ratings yet
WP 20 PRGM
26 pages
Practical - 7: Aim: (A)
No ratings yet
Practical - 7: Aim: (A)
10 pages
Av SC U4aie23153
No ratings yet
Av SC U4aie23153
12 pages
JKLMN
No ratings yet
JKLMN
17 pages
Q10
No ratings yet
Q10
13 pages
Revalidated - MATH - GR8 - QTR1-MODULE-2 - (28 Pages)
No ratings yet
Revalidated - MATH - GR8 - QTR1-MODULE-2 - (28 Pages)
28 pages
Enunciado de La Pregunta: Pregunta Finalizado Puntúa 1,0 Sobre 1,0
No ratings yet
Enunciado de La Pregunta: Pregunta Finalizado Puntúa 1,0 Sobre 1,0
11 pages
CSS Imp Programs
No ratings yet
CSS Imp Programs
8 pages
LAB
No ratings yet
LAB
15 pages
Css Exps
No ratings yet
Css Exps
17 pages
Javascript
No ratings yet
Javascript
16 pages
Prep Codes
No ratings yet
Prep Codes
14 pages
WP Practical Sample Questions Solutions
No ratings yet
WP Practical Sample Questions Solutions
16 pages
Tutorial J9
No ratings yet
Tutorial J9
8 pages
Simple Lab
No ratings yet
Simple Lab
19 pages
Tema N°1
No ratings yet
Tema N°1
39 pages
IT LAB PROGRAMS-Part-B
No ratings yet
IT LAB PROGRAMS-Part-B
11 pages
Web Technology
No ratings yet
Web Technology
13 pages
WP 10 prgm-2
No ratings yet
WP 10 prgm-2
15 pages
Java Practical 11-16 Final Gaurav
No ratings yet
Java Practical 11-16 Final Gaurav
19 pages
WEB ESSENTIAL LAB New
No ratings yet
WEB ESSENTIAL LAB New
14 pages
WT Lab..
No ratings yet
WT Lab..
15 pages
PQP1
No ratings yet
PQP1
15 pages
WP 10 prgm-1
No ratings yet
WP 10 prgm-1
12 pages
Lab 5
No ratings yet
Lab 5
9 pages
Web Tech Lab Manual - A
No ratings yet
Web Tech Lab Manual - A
9 pages
Tip 1: Conversion Rules As Per The Reporting Verb: What Is Direct & Indirect Speech?
No ratings yet
Tip 1: Conversion Rules As Per The Reporting Verb: What Is Direct & Indirect Speech?
9 pages
Cocomo LL - Steps To Calculate Effort For Application Composition Model
No ratings yet
Cocomo LL - Steps To Calculate Effort For Application Composition Model
5 pages
Model Question
No ratings yet
Model Question
6 pages
WC 2
No ratings yet
WC 2
10 pages
Bca604p Lab Manual
No ratings yet
Bca604p Lab Manual
13 pages
FSD Module 9
No ratings yet
FSD Module 9
8 pages
Web Tech-4
No ratings yet
Web Tech-4
6 pages
CSS Practical No 08
No ratings yet
CSS Practical No 08
6 pages
HTML
No ratings yet
HTML
6 pages
Set 3
No ratings yet
Set 3
5 pages
Saptarshi WEB - TECHNOLOGY PRAC 3
No ratings yet
Saptarshi WEB - TECHNOLOGY PRAC 3
6 pages
Grammar Workshop - Present Perfect PDF
No ratings yet
Grammar Workshop - Present Perfect PDF
7 pages
Exp555 PDF
No ratings yet
Exp555 PDF
3 pages
1 Syllabus For IINDUSTRY 4.0 - 20 Use Cases
No ratings yet
1 Syllabus For IINDUSTRY 4.0 - 20 Use Cases
5 pages
Themes & Symbols - A Doll's House
No ratings yet
Themes & Symbols - A Doll's House
5 pages
11222حفیظ تائب کی پنجابی نعتیہ شاعری کا موضوعاتی مطالعہ
No ratings yet
11222حفیظ تائب کی پنجابی نعتیہ شاعری کا موضوعاتی مطالعہ
2 pages

Eg Programs

Uploaded by

Eg Programs

Uploaded by

Program 6

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Sports Day Registration Form</title>

<h2>Sports Day Registration</h2>

<form action="#" method="POST">

<label for="name">Full Name:</label><br>

<input type="text" id="name" name="name" required placeholder="Enter your full

<input type="number" id="age" name="age" required placeholder="Enter your age"><br><br>

<select id="gender" name="gender" required>

<option value="">Select Gender</option>

<label for="event">Choose Sport:</label><br>

<select id="event" name="event" required>

<option value="">Select Event</option>

<option value="100m">100m Race</option>

<option value="long_jump">Long Jump</option>

<option value="high_jump">High Jump</option>

<option value="relay">Relay Race</option>

<option value="shot_put">Shot Put</option>

<button type="submit">Submit Registration</button>

<p>&copy; 2024 Sports Day Event</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<h1>Welcome to Our Product Catalog</h1>

<p>Browse through our collection of high-quality products.</p>

<h2>Product 1: Running Shoes</h2>

<img src="https://via.placeholder.com/200" alt="Running Shoes" width="200">

<img src="https://via.placeholder.com/200" alt="Yoga Mat" width="200">

<h2>Product 3: Dumbbell Set</h2>

<img src="https://via.placeholder.com/200" alt="Dumbbell Set" width="200">

<p><strong>Description:</strong> A set of adjustable dumbbells for a full-body workout at

<h2>Product 4: Water Bottle</h2>

<img src="https://via.placeholder.com/200" alt="Water Bottle" width="200">

<p><strong>Description:</strong> A durable, BPA-free water bottle to keep you hydrated during

<p>&copy; 2024 Fitness Store</p>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

// Function to validate the form

let username = document.getElementById("username").value;

let password = document.getElementById("password").value;

let phone = document.getElementById("phone").value;

let usernameRegex = /^[a-zA-Z0-9]{3,}$/; // Username should be alphanumeric and at least 3

let passwordRegex = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/; // Password must have letters and

let phoneRegex = /^\d{3}-\d{3}-\d{4}$/; // Phone number should be in the format 123-456-7890

let emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; // Simple email validation

// Validate phone number

alert("Phone number must be in the format 123-456-7890.");

alert("Please enter a valid email address.");

// If all validations pass

alert("Form submitted successfully!");

<form onsubmit="return validateForm()">

<input type="text" id="username" name="username" required><br><br>

<input type="password" id="password" name="password" required><br><br>

<input type="text" id="phone" name="phone" required placeholder="123-456-7890"><br><br>

<input type="email" id="email" name="email" required><br><br>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Leap Year Checker</title>

// Function to check if a year is a leap year

return true; // It's a leap year

return false; // Not a leap year

year = parseInt(year); // Convert the input to an integer

alert("Please enter a valid year.");

return; // Exit if the input is not a valid number

// Check if the year is a leap year

alert(year + " is a leap year!");

alert(year + " is not a leap year.");

<label for="year">Enter a year: </label>

<input type="text" id="year" placeholder="Enter year">

<button onclick="checkLeapYear()">Check Leap Year</button>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

// Function to convert Celsius to Fahrenheit

<p>© 2024 Sports Day Event</p>

<p>© 2024 Fitness Store</p>

let passwordRegex = /^(?=.[A-Za-z])(?=.\d)[A-Za-z\d]{8,}$/; // Password must have letters and