tod
/
odin-calculator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added basic HTML buttons (not yet performing anything)

This commit is contained in:
NetMan 2024-01-11 23:20:59 +01:00
parent 8f1e927b8b
commit 7a06a9a7b9
2 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
index.html
View File

@ -8,5 +8,34 @@
<script src="script.js" defer></script> <script src="script.js" defer></script>
</head> </head>
<body> <body>
<div id="container">
<div id="view"></div>
<div id="buttons">
<div class="buttons-flex">
<div class="button">7</div>
<div class="button">8</div>
<div class="button">9</div>
<div class="button">/</div>
</div>
<div class="buttons-flex">
<div class="button">4</div>
<div class="button">5</div>
<div class="button">6</div>
<div class="button">+</div>
</div>
<div class="buttons-flex">
<div class="button">1</div>
<div class="button">2</div>
<div class="button">3</div>
<div class="button">-</div>
</div>
<div class="buttons-flex">
<div class="button">0</div>
<div class="button">.</div>
<div class="button">=</div>
<div class="button">*</div>
</div>
</div>
</div>
</body> </body>
</html> </html>

14
style.css
View File

@ -0,0 +1,14 @@
#container {
font-size: xx-large;
}
.buttons-flex {
display: flex;
}
.button {
padding: 20px;
border: 1px solid #000;
cursor: pointer;
}
.button:active {
background-color: #888;
}