Skip to content

Commit 55f83dd

Browse files
v1krishnav1krishna
committed
[folder structure updated]
1 parent 987f053 commit 55f83dd

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

53 files changed

+1254
-1254
lines changed

‎CatchMeIfYouCan/ammy20019/index.html ‎AnnoyingButtonGame/ammy20019/index.html

File renamed without changes.

‎CatchMeIfYouCan/ammy20019/readme.md ‎AnnoyingButtonGame/ammy20019/readme.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
## Catch me if you can
2-
3-
4-
### Using HTML, CSS & JS
5-
##### you can find screenshot in this folder
6-
7-
## Screeen shot: https://github.com/ammy20019/javascript-mini-projects/blob/master/CatchMeIfYouCan/ammy20019/screenshot.PNG
1+
## Catch me if you can
2+
3+
4+
### Using HTML, CSS & JS
5+
##### you can find screenshot in this folder
6+
7+
## Screeen shot: https://github.com/ammy20019/javascript-mini-projects/blob/master/CatchMeIfYouCan/ammy20019/screenshot.PNG

‎CatchMeIfYouCan/ammy20019/screenshot.PNG ‎AnnoyingButtonGame/ammy20019/screenshot.PNG

File renamed without changes.

‎CatchMeIfYouCan/ammy20019/script.js ‎AnnoyingButtonGame/ammy20019/script.js

File renamed without changes.

‎CatchMeIfYouCan/ammy20019/style.css ‎AnnoyingButtonGame/ammy20019/style.css

File renamed without changes.

‎BMIcalculator/jadhav-kunal/README.md ‎BMICalculator/jadhav-kunal/README.md

File renamed without changes.

‎BMIcalculator/jadhav-kunal/index.html ‎BMICalculator/jadhav-kunal/index.html

File renamed without changes.

‎BMIcalculator/jadhav-kunal/script.js ‎BMICalculator/jadhav-kunal/script.js

File renamed without changes.

‎BMIcalculator/jadhav-kunal/style.css ‎BMICalculator/jadhav-kunal/style.css

File renamed without changes.

‎bubbleanimation/shrutibansal1802/index.html ‎BouncingBallAnimation/shrutibansal1802/index.html

File renamed without changes.

‎bubbleanimation/shrutibansal1802/script.js ‎BouncingBallAnimation/shrutibansal1802/script.js

File renamed without changes.

‎bubbleanimation/shrutibansal1802/style/style.css ‎BouncingBallAnimation/shrutibansal1802/style/style.css

File renamed without changes.

‎bubbleanimation/shrutibansal1802/style/style.css.map ‎BouncingBallAnimation/shrutibansal1802/style/style.css.map

File renamed without changes.

‎bubbleanimation/shrutibansal1802/style/style.scss ‎BouncingBallAnimation/shrutibansal1802/style/style.scss

File renamed without changes.

‎AlarmClock/Siemen/app.js ‎Clock/Siemen/app.js

File renamed without changes.

‎AlarmClock/Siemen/index.html ‎Clock/Siemen/index.html

File renamed without changes.

‎AlarmClock/Siemen/readme.md ‎Clock/Siemen/readme.md

File renamed without changes.

‎AlarmClock/Siemen/sound.mp3 ‎Clock/Siemen/sound.mp3

File renamed without changes.

‎AlarmClock/Siemen/style.css ‎Clock/Siemen/style.css

File renamed without changes.

‎dicegame/nerdgaurish/dice-1.png ‎Dicegame/nerdgaurish/dice-1.png

File renamed without changes.

‎dicegame/nerdgaurish/dice-2.png ‎Dicegame/nerdgaurish/dice-2.png

File renamed without changes.

‎dicegame/nerdgaurish/dice-3.png ‎Dicegame/nerdgaurish/dice-3.png

File renamed without changes.

‎dicegame/nerdgaurish/dice-4.png ‎Dicegame/nerdgaurish/dice-4.png

File renamed without changes.

‎dicegame/nerdgaurish/dice-5.png ‎Dicegame/nerdgaurish/dice-5.png

File renamed without changes.

‎dicegame/nerdgaurish/dice-6.png ‎Dicegame/nerdgaurish/dice-6.png

File renamed without changes.

‎dicegame/nerdgaurish/index.html ‎Dicegame/nerdgaurish/index.html

+36-36
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
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-
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7-
<link rel="stylesheet" href="style.css" />
8-
<title>Pig Game</title>
9-
</head>
10-
<body>
11-
<main>
12-
<section class="player player--0 player--active">
13-
<h2 class="name" id="name--0">Player 1</h2>
14-
<p class="score" id="score--0">43</p>
15-
<div class="current">
16-
<p class="current-label">Current</p>
17-
<p class="current-score" id="current--0">0</p>
18-
</div>
19-
</section>
20-
<section class="player player--1">
21-
<h2 class="name" id="name--1">Player 2</h2>
22-
<p class="score" id="score--1">24</p>
23-
<div class="current">
24-
<p class="current-label">Current</p>
25-
<p class="current-score" id="current--1">0</p>
26-
</div>
27-
</section>
28-
29-
<img src="dice-5.png" alt="Playing dice" class="dice hidden" />
30-
<button class="btn btn--new">🔄 New game</button>
31-
<button class="btn btn--roll">🎲 Roll dice</button>
32-
<button class="btn btn--hold">📥 Hold</button>
33-
</main>
34-
<script src="script.js"></script>
35-
</body>
36-
</html>
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+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
<link rel="stylesheet" href="style.css" />
8+
<title>Pig Game</title>
9+
</head>
10+
<body>
11+
<main>
12+
<section class="player player--0 player--active">
13+
<h2 class="name" id="name--0">Player 1</h2>
14+
<p class="score" id="score--0">43</p>
15+
<div class="current">
16+
<p class="current-label">Current</p>
17+
<p class="current-score" id="current--0">0</p>
18+
</div>
19+
</section>
20+
<section class="player player--1">
21+
<h2 class="name" id="name--1">Player 2</h2>
22+
<p class="score" id="score--1">24</p>
23+
<div class="current">
24+
<p class="current-label">Current</p>
25+
<p class="current-score" id="current--1">0</p>
26+
</div>
27+
</section>
28+
29+
<img src="dice-5.png" alt="Playing dice" class="dice hidden" />
30+
<button class="btn btn--new">🔄 New game</button>
31+
<button class="btn btn--roll">🎲 Roll dice</button>
32+
<button class="btn btn--hold">📥 Hold</button>
33+
</main>
34+
<script src="script.js"></script>
35+
</body>
36+
</html>

‎dicegame/nerdgaurish/script.js ‎Dicegame/nerdgaurish/script.js

+80-80
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,80 @@
1-
'use strict';
2-
const player0El = document.querySelector('.player--0');
3-
const player1El = document.querySelector('.player--1');
4-
const score0El = document.querySelector('#score--0');
5-
const score1El = document.querySelector('#score--1');
6-
const diceEl = document.querySelector('.dice');
7-
const btnNewGame = document.querySelector('.btn--new');
8-
const btnRoll = document.querySelector('.btn--roll');
9-
const btnHold = document.querySelector('.btn--hold');
10-
const currentScore0El = document.querySelector('#current--0');
11-
const currentScore1El = document.querySelector('#current--1');
12-
13-
let currentScore = 0
14-
let activePlayer = 0;
15-
let finalScore = [0,0];
16-
let playing = true;
17-
18-
function resetScores(){
19-
playing = true;
20-
currentScore = 0
21-
activePlayer = 0;
22-
finalScore = [0,0];
23-
score0El.textContent = 0;
24-
score1El.textContent = 0;
25-
currentScore0El.textContent = 0;
26-
currentScore1El.textContent = 0;
27-
diceEl.classList.add('hidden');
28-
player0El.classList.remove('player--winner');
29-
player1El.classList.remove('player--winner');
30-
player0El.classList.add('player--active');
31-
player1El.classList.remove('player--active');
32-
}
33-
////let currentScore1 = 0;
34-
resetScores();
35-
36-
function switchPlayer() {
37-
document.getElementById(`current--${activePlayer}`).textContent = 0;
38-
currentScore = 0;
39-
activePlayer = activePlayer === 0 ? 1 : 0;
40-
player0El.classList.toggle('player--active');
41-
player1El.classList.toggle('player--active');
42-
}
43-
44-
btnRoll.addEventListener('click', () => {
45-
if(playing){
46-
var diceNum = Math.trunc(Math.random()* 6) + 1
47-
diceEl.src = `dice-${diceNum}.png`;
48-
diceEl.classList.remove('hidden');
49-
if(diceNum !== 1){
50-
currentScore += diceNum;
51-
document.getElementById(`current--${activePlayer}`).textContent = currentScore;
52-
}else{
53-
switchPlayer();
54-
}
55-
}
56-
});
57-
58-
btnHold.addEventListener('click', () =>{
59-
if(playing){
60-
finalScore[activePlayer] += currentScore;
61-
document.querySelector(`#score--${activePlayer}`).textContent = finalScore[activePlayer];
62-
if (finalScore[activePlayer] >= 100) {
63-
playing = false;
64-
diceEl.classList.add('hidden');
65-
66-
document
67-
.querySelector(`.player--${activePlayer}`).classList.add('player--winner');
68-
}else{
69-
70-
switchPlayer();
71-
}}
72-
});
73-
74-
btnNewGame.addEventListener('click',resetScores);
75-
76-
77-
78-
79-
80-
1+
'use strict';
2+
const player0El = document.querySelector('.player--0');
3+
const player1El = document.querySelector('.player--1');
4+
const score0El = document.querySelector('#score--0');
5+
const score1El = document.querySelector('#score--1');
6+
const diceEl = document.querySelector('.dice');
7+
const btnNewGame = document.querySelector('.btn--new');
8+
const btnRoll = document.querySelector('.btn--roll');
9+
const btnHold = document.querySelector('.btn--hold');
10+
const currentScore0El = document.querySelector('#current--0');
11+
const currentScore1El = document.querySelector('#current--1');
12+
13+
let currentScore = 0
14+
let activePlayer = 0;
15+
let finalScore = [0,0];
16+
let playing = true;
17+
18+
function resetScores(){
19+
playing = true;
20+
currentScore = 0
21+
activePlayer = 0;
22+
finalScore = [0,0];
23+
score0El.textContent = 0;
24+
score1El.textContent = 0;
25+
currentScore0El.textContent = 0;
26+
currentScore1El.textContent = 0;
27+
diceEl.classList.add('hidden');
28+
player0El.classList.remove('player--winner');
29+
player1El.classList.remove('player--winner');
30+
player0El.classList.add('player--active');
31+
player1El.classList.remove('player--active');
32+
}
33+
////let currentScore1 = 0;
34+
resetScores();
35+
36+
function switchPlayer() {
37+
document.getElementById(`current--${activePlayer}`).textContent = 0;
38+
currentScore = 0;
39+
activePlayer = activePlayer === 0 ? 1 : 0;
40+
player0El.classList.toggle('player--active');
41+
player1El.classList.toggle('player--active');
42+
}
43+
44+
btnRoll.addEventListener('click', () => {
45+
if(playing){
46+
var diceNum = Math.trunc(Math.random()* 6) + 1
47+
diceEl.src = `dice-${diceNum}.png`;
48+
diceEl.classList.remove('hidden');
49+
if(diceNum !== 1){
50+
currentScore += diceNum;
51+
document.getElementById(`current--${activePlayer}`).textContent = currentScore;
52+
}else{
53+
switchPlayer();
54+
}
55+
}
56+
});
57+
58+
btnHold.addEventListener('click', () =>{
59+
if(playing){
60+
finalScore[activePlayer] += currentScore;
61+
document.querySelector(`#score--${activePlayer}`).textContent = finalScore[activePlayer];
62+
if (finalScore[activePlayer] >= 100) {
63+
playing = false;
64+
diceEl.classList.add('hidden');
65+
66+
document
67+
.querySelector(`.player--${activePlayer}`).classList.add('player--winner');
68+
}else{
69+
70+
switchPlayer();
71+
}}
72+
});
73+
74+
btnNewGame.addEventListener('click',resetScores);
75+
76+
77+
78+
79+
80+

0 commit comments

Comments
 (0)