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
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
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