benkyd/Examples
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

youtube downloader

Browse Source
This commit is contained in:
plane000
2018-07-29 18:34:01 +01:00
parent 592b7446e4
commit a0f946d62e
12 changed files with 371 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
JavaScript/calculator/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<title>Calculator</title>
</head>
<body>
<script src="index.js"></script>
<div class="calc-container">
<textarea class="calc-display" id="calc-display" cols="30" rows="10" readonly></textarea>
<div></div><div></div><div></div>
<div class="calc-item" id="clear" onclick="ac();">AC</div>
<div class="calc-item" id="delete">C</div>
<div class="calc-item"></div>
<div class="calc-item"></div>
<div class="calc-item" id="button7">7</div>
<div class="calc-item" id="button8">8</div>
<div class="calc-item" id="button9">9</div>
<div class="calc-item" id="divide">÷</div>
<div class="calc-item" id="button4">4</div>
<div class="calc-item" id="button5">5</div>
<div class="calc-item" id="button6">6</div>
<div class="calc-item" id="multiply">x</div>
<div class="calc-item" id="button1">1</div>
<div class="calc-item" id="button2">2</div>
<div class="calc-item" id="button3">3</div>
<div class="calc-item" id="subtract">-</div>
<div class="calc-item" id="button0">0</div>
<div class="calc-item" id="point">.</div>
<div class="calc-item" id="evaluate">=</div>
<div class="calc-item" id="add">+</div>
</div>
</body>
</html>

3
JavaScript/calculator/index.js Normal file
View File

@@ -0,0 +1,3 @@
function ac() {
console.log('ac');
}

38
JavaScript/calculator/style.css Normal file
View File

@@ -0,0 +1,38 @@
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100');
body {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: rgb(245, 245, 245);
font-family: 'Roboto', sans-serif;
color: #2f2f2f
}
.calc-container {
display: grid;
grid-template-columns: 100px 100px 100px 100px;
width: 400px;
background-color: rgb(122, 184, 255);
padding: 10px;
}
.calc-display {
width: 395px;
height: 70px;
padding-bottom: 20px;
resize: none;
}
.calc-item {
background-color: rgb(228, 228, 228);
border: 1px solid #2f2f2f;
padding: 20px;
font-size: 30px;
text-align: center;
}
.calc-item:hover {
background-color: rgb(195, 195, 195);
}