tomsebastian10/test
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<p id="by">-Tom Sebastian</p>
</header>
<nav>
<a href="#a1">Sample website</a>
<a href="#a2">Bulb</a>
<a href="#a3">Calculator</a>
<a href="#a4">Contact</a>
</nav>
<samplewebsite id="a1">
<h2>About This Site</h2>
<p>This is a normal website using just HTML, CSS and JAVASCRIPT.</p>
<h2>Sample Content</h2>
<p>You can add anything you like here.</p>
</samplewebsite>
<bulb id="a2">
<button onclick= "turnon()">Turn on the light</button>
<img id="myImage" src="pic_bulboff.gif" style="width:100px">
<button onclick= "turnoff()">Turn off the light</button>
</bulb>
<calculator id="a3">
<div class="calculator">
<input type="text" id="display" disabled>
<div class="buttons">
<button onclick="clearDisplay()" class="clear">C</button>
<button onclick="appendValue('/')">÷</button>
<button onclick="appendValue('*')">×</button>
<button onclick="appendValue('-')">-</button>
<button onclick="appendValue('7')">7</button>
<button onclick="appendValue('8')">8</button>
<button onclick="appendValue('9')">9</button>
<button onclick="appendValue('+')">+</button>
<button onclick="appendValue('4')">4</button>
<button onclick="appendValue('5')">5</button>
<button onclick="appendValue('6')">6</button>
<button onclick="appendValue('.')">.</button>
<button onclick="appendValue('1')">1</button>
<button onclick="appendValue('2')">2</button>
<button onclick="appendValue('3')">3</button>
<button onclick="backspace()" class="backspace">⌫</button>
<button onclick="calculate()" class="equal">=</button>
<button onclick="appendValue('0')">0</button>
</div>
</div>
</calculator>
<contact id="a4">
<h2>Tom Sebastian</h2>
<p>tomsebastianpolackal10@gmail.com</p>
<h2>I'm a Computer Programmer/Student</h2>
<p>Currently pursuing B.E CSE in RIT, Chennai.</p>
</contact>
<footer>
<p>© 2025 My Website | All Rights Reserved</p>
</footer>
<script src= "myscript.js"> </script>
</body>
</html>