html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!-- Created by Unknown Decoder
Styled And Edited By Crash
-->
<!--
/‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\
| Created by Unknown Decoder |
| Styled & Edited by Crash |
| Please upvote and comment |
\_____________________________________/
-->
<!DOCTYPE html>
<html>
<head>
<title>Custom Tables</title>
</head>
<body>
<div id="page2">
<h2>Table Generations</h2>
<label for="inp" class="inp">
<input type="text" id="caption" placeholder=" " class="stt" maxlength=20>
<span class="label">Caption:</span>
<span class="focus-bg"></span>
</label>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* Created by Unknown Decoder
Styled And Edited By Crash
/‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\
| Created by Unknown Decoder |
| Styled & Edited by Crash |
| Please upvote and comment |
\_____________________________________/
.tbtext{
color:rgb(141,153,174);
}
.rc{
color:rgb(237, 242, 244);
}
*/
body,html{
width:100%;
height:100vh;
padding:0;
margin:0;
}
#page1{
background-color: var(--bg);
color: var(--fg);
font: 1em/1.5 sans-serif;
height: 100vh;
display: grid;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* Created by Unknown Decoder
Styled And Edited By Crash
/‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾\
| Created by Unknown Decoder |
| Styled & Edited by Crash |
| Please upvote and comment |
\_____________________________________/
*/
//alert('Welcome to Table Generator! You can make your own table by defining rows and columns, and specifying styles (if you want)!')
//alert('To change the cell contents, just click on the cell')
function generate() {
let decision = confirm('Are you sure you want to generate a new table? If you have made any interactions with the previous table, this process will erase them.')
if (decision === true) {
let rows = parseInt(document.getElementById('rows').value)
let cols = parseInt(document.getElementById('cols').value)
let table = document.getElementById('table');
table.innerHTML = ''
for (let i = 0; i < rows; i++) {
let row = table.insertRow(-1)
for (let j = 0; j < cols; j++) {
let cell = row.insertCell(-1)
cell.textContent = 'Null'
cell.onclick = function() {update(cell)}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run