Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 28a74fe

Browse files
day 11
1 parent acf35c1 commit 28a74fe

File tree

4 files changed

+37
-1
lines changed

4 files changed

+37
-1
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,4 @@ Motivate yourself to code daily till 60 days, and see the magic!
2727
| [Day 8](./each%20day%20build%20day!/Day%208/) | [Whack covid-19](./each%20day%20build%20day!/Day%208/) | [demo](https://whackcovid19.z22.web.core.windows.net/) | [Takeaways](./each%20day%20build%20day!/Day%208/README.md/) |
2828
| [Day 9](./each%20day%20build%20day!/Day%209/) | [Sketchpad](./each%20day%20build%20day!/Day%209/) | [demo](https://codepen.io/neeraj-mukta/pen/RwWWBNw) | [Takeaways](./each%20day%20build%20day!/Day%209/README.md/) |
2929
| [Day 10](./each%20day%20build%20day!/Day%2010/) | [Infinite scrolling ComicBook](./each%20day%20build%20day!/Day%2010/) | [demo]() | [Takeaways](./each%20day%20build%20day!/Day%2010/README.md/) |
30-
30+
|[Day 11](./each%20day%20build%20day!/Day%11/)|[Drag & Drop File Upload](./each%20day%20build%20day!/Day%2011/)|[demo]()|[Takeaways](./each%20day%20build%20day!/Day%2011/README.md/)|

‎each day build day!/Day 11/app.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
const dropRegion = document.getElementById('drop-region');
2+
const previewRegion = document.getElementById('image-preview');
3+

‎each day build day!/Day 11/index.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Deag & Drop File upload 📁 </title>
7+
</head>
8+
<body>
9+
10+
<div class="container">
11+
<h1>Drag & Drop file upload using vanilla JS 📁 </h1>
12+
13+
<div id="drop-region">
14+
<div class="drop-message">Drag & Drop files or click to upload</div>
15+
<div id="image-preview"></div>
16+
</div>
17+
18+
</div>
19+
20+
<script src="app.js"></script>
21+
</body>
22+
</html>

‎each day build day!/Day 11/style.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
:root{
2+
font-size: 62.5%;
3+
}
4+
.container{
5+
min-height: 30rem;
6+
display: flex;
7+
flex-direction: column;
8+
justify-content: start;
9+
align-items: center;
10+
}
11+

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /