About Us/Contact Us Page
About Us/Contact Us Page SOLUTION…. <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><title>About Us / Contact Us</title><link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”></head><body><div><h2>About Us</h2><p>We are a team providing blog and stock updates using modern web technologies.</p> <h3>Contact Us</h3><form><div><label>Name:</label><input type=”text”></div><div><label>Email:</label><input type=”email”></div><div><label>Message:</label><textarea></textarea></div><button type=”submit”>Send</button></form></div></body></html> About Us / Contact Us About Us We are a team providing blog and stock updates using modern web technologies. Contact Us […]
Stock/Blog page
Stock/Blog page SOLUTION…. <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><title>Stock/Blog</title><link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”></head><body><div><h2>Stock Market Updates</h2><p>Here you can add stock updates or blogs.</p><div><div><h5>Stock A</h5><p>Current price: $120</p></div></div><div><div><h5>Stock B</h5><p>Current price: $95</p></div></div></div></body></html> Stock/Blog Stock Market Updates Here you can add stock updates or blogs. Stock A Current price: $120 Stock B Current price: $95
Login Page
Login Page SOLUTION…. <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><title>Login</title><link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”><script>function validateLogin() {let email = document.getElementById(“email”).value;let pass = document.getElementById(“password”).value;if (email == “” || pass == “”) {alert(“Please fill all fields!”);return false;}alert(“Login Successful!”);return true;}</script></head><body><div><h2>Login Form</h2><form onsubmit=”return validateLogin()”><div><label>Email:</label><input type=”email” id=”email”></div><div><label>Password:</label><input type=”password” id=”password”></div><button type=”submit”>Login</button></form></div></body></html> Login Login Form Email: Password: Login
Registration Page
Registration Page SOLUTION…. <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><title>Register</title><link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”><script>function validateRegister() {let name = document.getElementById(“name”).value;let email = document.getElementById(“email”).value;let pass = document.getElementById(“password”).value;let confirm = document.getElementById(“confirm”).value; if (name == “” || email == “” || pass == “”) {alert(“All fields are required!”);return false;}if (pass !== confirm) {alert(“Passwords do not match!”);return false;}alert(“Registration Successful!”);return true;}</script></head><body><div><h2>Registration Form</h2><form onsubmit=”return validateRegister()”><div><label>Name:</label><input type=”text” id=”name”></div><div><label>Email:</label><input […]
Home/index page
Home/index page SOLUTION…. <!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><title>My Website – Home</title><link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css”></head><body><!– Navbar –><nav><a href=”index.html”>MyWebsite</a><div><ul><li><a href=”register.html”>Register</a></li><li><a href=”login.html”>Login</a></li><li><a href=”stock.html”>Stock</a></li><li><a href=”about.html”>About</a></li></ul></div></nav> <!– Hero Section –><div><h1>Welcome to My Website</h1><p>Your one-stop solution for blogs and stock updates</p></div> <div><h2>Featured Content</h2><p>This is a simple home page designed using Bootstrap 4.</p></div></body></html> OUTPUT My Website – Home MyWebsite Register Login Stock About Welcome […]
Write a note on Date object in javascript. Explain any 5 date methods with example.
Write a note on Date object in javascript. Explain any 5 date methods with example. SOLUTION…. JavaScript Date object — short note The JavaScript Date object represents a specific moment in time (internally as milliseconds since the Unix epoch: 1 Jan 1970 UTC). It provides methods to create, read and modify date/time values and to […]
Write a note on JavaScript events.
Write a note on JavaScript events. SOLUTION…. 🔹 JavaScript Events In JavaScript, an event is an action or occurrence that happens in the browser, which the program can respond to. Events are usually triggered by user interactions such as clicking a button, typing text, or moving the mouse, but they can also be triggered automatically […]
Differentiate between alert and prompt dialog box giving suitable example.
Differentiate between alert and prompt dialog box giving suitable example. SOLUTION…. Feature Alert Prompt Purpose Used to display a message to the user Used to take input from the user User Input Does not take input (only shows “OK” button) Accepts user input through a text field Return Value Returns undefined (nothing to capture) Returns […]
Give difference between client-side scripting and server-side scripting.
Give difference between client-side scripting and server-side scripting. SOLUTION…. Aspect Client-Side Scripting Server-Side Scripting Execution Runs on the user’s browser (client machine) Runs on the web server Examples JavaScript, HTML, CSS, jQuery PHP, Python, Java, ASP.NET, Node.js Purpose Used for form validation, UI effects, interactivity, animations Used for database operations, authentication, business logic, file handling […]
Explain Bootstrap Grid System.
Explain Bootstrap Grid System. SOLUTION…. The Bootstrap grid is a responsive, mobile-first system that uses rows and columns (based on Flexbox) to arrange page content into a 12-column layout that adapts across screen sizes. Core concepts Container: Wraps your grid. Use .container (fixed max-width at breakpoints) or .container-fluid (full width). There are also breakpoint-specific containers […]