Skip to content

Commit 9bc581d

Browse files
freypwnfreypwn
authored
Merge pull request #86 from sourabh1428/yo
Google sheeeet clone
2 parents d620fe0 + 3fda53d commit 9bc581d

6 files changed

Lines changed: 626 additions & 0 deletions

File tree

‎google-sheet-clone/README.md‎

46 Bytes

google-sheet-clone

‎google-sheet-clone/Screenshot 2023-10-08 185842.png‎

45 KB
Loading

‎google-sheet-clone/charcodeat.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
const sentence = 'The quick brown fox jumps over the lazy dog.';
2+
3+
const index = 4;
4+
5+
console.log(`The character code ${sentence.charCodeAt(index)} is equal to ${sentence.charAt(index)}`);
6+
// Expected output: "The character code 113 is equal to q"
7+
// it takes string and find the req char to be converted via the number

‎google-sheet-clone/index.html‎

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Excel clone</title>
8+
<link rel="stylesheet" href="styles.css">
9+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
10+
</head>
11+
12+
<body>
13+
<!-- table -->
14+
<div class="nav-bar">
15+
<ul>
16+
<li>File</li>
17+
<li>View</li>
18+
<li>Help</li>
19+
<li style="background-color: azure; color: black;">Edit</li>
20+
<li>Setting</li>
21+
</ul>
22+
</div>
23+
24+
<div class="funcE">
25+
26+
<button id="bold-btn"><span class="material-symbols-outlined">
27+
format_bold
28+
</span></button>
29+
<button id="italics-btn"><span class="material-symbols-outlined">
30+
format_italic
31+
</span></button>
32+
<button id="underline-btn"><span class="material-symbols-outlined">
33+
format_underlined
34+
</span></button>
35+
<button id="left-btn"><span class="material-symbols-outlined">
36+
format_align_left
37+
</span></button>
38+
<button id="center-btn"><span class="material-symbols-outlined">
39+
format_align_center
40+
</span></button>
41+
<button id="right-btn"><span class="material-symbols-outlined">
42+
format_align_right
43+
</span></button>
44+
<select id="font-style-dropdown">
45+
<option value="serif">Serif</option>
46+
<option value="sans-serif">Sans Serif</option>
47+
<option value="monospace">monospace</option>
48+
<option value="cursive">Cursive</option>
49+
</select>
50+
<select id="font-size-dropdown">
51+
<option value="10px" contenteditable="true">10</option>
52+
<option value="12px">12</option>
53+
<option value="14px">14</option>
54+
<option value="16px">16</option>
55+
<option value="18px">18</option>
56+
</select>
57+
<label for="bgColor">bg color</label>
58+
<input type="color" id="bgColor" />
59+
60+
<label for="fontColor">font color</label>
61+
<input type="color" id="fontColor" />
62+
63+
<button id="cut-btn">Cut</button>
64+
<button id="copy-btn">Copy</button>
65+
<button id="paste-btn">Paste</button>
66+
<button onclick="downloadMatrix()">Download</button>
67+
<input id="upload-input" type="file" accept=".json" />
68+
</div>
69+
<h1 id="sheet-no">Sheet No - 1</h1>
70+
<div>
71+
<button id="save-sheet-btn">Save</button>
72+
<button id="add-sheet-btn">Add sheet</button>
73+
</div>
74+
<br>
75+
<div id="button-container">
76+
<button id="sheet-1" onclick="viewSheet(event)">Sheet 1</button>
77+
</div>
78+
<br>
79+
<table id="my-table">
80+
<thead>
81+
<tr id="table-heading-row">
82+
<th></th>
83+
<!-- <th>A</th>
84+
<th>B</th>
85+
<th>C</th> -->
86+
</tr>
87+
</thead>
88+
<tbody id="table-body">
89+
<!-- <tr>
90+
<th>1</th>
91+
<td></td>
92+
</tr>
93+
<tr>
94+
<th>2</th>
95+
</tr> -->
96+
</tbody>
97+
</table>
98+
<script src="index.js"></script>
99+
</body>
100+
101+
</html>

0 commit comments

Comments
 (0)