Skip to content

Commit ad4d62c

Browse files
juujisaijuujisai
committed
init
0 parents  commit ad4d62c

9 files changed

+1072
-0
lines changed

‎.gitignore

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎counter.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
export function setupCounter(element) {
2+
let counter = 0
3+
const setCounter = (count) => {
4+
counter = count
5+
element.innerHTML = `count is ${counter}`
6+
}
7+
element.addEventListener('click', () => setCounter(counter + 1))
8+
setCounter(0)
9+
}

‎index.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Vite App</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/main.js"></script>
12+
</body>
13+
</html>

‎javascript.svg

Lines changed: 1 addition & 0 deletions
Loading

‎main.js

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import './style.css'
2+
import javascriptLogo from './javascript.svg'
3+
import { setupCounter } from './counter.js'
4+
5+
document.querySelector('#app').innerHTML = `
6+
<div>
7+
<a href="https://vitejs.dev" target="_blank">
8+
<img src="/vite.svg" class="logo" alt="Vite logo" />
9+
</a>
10+
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
11+
<img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
12+
</a>
13+
<h1>Hello Vite!</h1>
14+
<div class="card">
15+
<button id="counter" type="button"></button>
16+
</div>
17+
<p class="read-the-docs">
18+
Click on the Vite logo to learn more
19+
</p>
20+
</div>
21+
`
22+
23+
setupCounter(document.querySelector('#counter'))

0 commit comments

Comments
 (0)