Scribd
Upload
3 views

HTML_CSS_JS_Projects

The document outlines two beginner to advanced HTML, CSS, and JavaScript projects: a simple portfolio website and a calculator. The portfolio showcases an About section, Projects, and a Contact form, while the calculator performs basic arithmetic operations. Each project includes sample HTML code demonstrating its structure and functionality.

Uploaded by

chirag312009
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
3 views

HTML_CSS_JS_Projects

The document outlines two beginner to advanced HTML, CSS, and JavaScript projects: a simple portfolio website and a calculator. The portfolio showcases an About section, Projects, and a Contact form, while the calculator performs basic arithmetic operations. Each project includes sample HTML code demonstrating its structure and functionality.

Uploaded by

chirag312009
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/ 2

HTML, CSS, and JavaScript Projects (Beginner to Advanced)

1. Simple Portfolio Website


A basic portfolio webpage showcasing an About section, Projects, and Contact form using HTML, CSS, and
JavaScript.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>My Portfolio</h1>
</header>
<section>
<h2>About Me</h2>
<p>Hi, I'm a web developer passionate about coding!</p>
</section>
<script src="script.js"></script>
</body>
</html>

2. Calculator
A simple calculator using HTML, CSS, and JavaScript for basic arithmetic operations.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Calculator</title>
<script>
function calculate() {
let result = eval(document.getElementById('display').value);
document.getElementById('display').value = result;
}
</script>
</head>
<body>
<input type="text" id="display">
<button onclick="calculate()">=</button>
</body>
</html>

You might also like