-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
66 lines (59 loc) · 2.71 KB
/
demo.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Token Wiki - Search, Edit, Add & New Token</title>
<link rel="stylesheet" href="style.css"> <!-- link css -->
<script src="script.js" defer></script> <!-- link js -->
</head>
<body>
<header>
<h1>Token Wiki - Search, Edit, Add & New Token</h1>
<p>Search for tokens, edit their details, add new tokens, or create a new entry!</p>
</header>
<main>
<!-- Search Section -->
<div id="searchSection">
<h2>Search Token</h2>
<input type="text" id="searchInput" placeholder="Enter token name or contract address">
<button id="searchButton">Search</button>
<p id="searchMessage" class="error"></p>
<!-- Search Results -->
<div id="tokenInfo" class="tokenInfo" style="display: none;">
<h3>Token Details</h3>
<p><strong>Name:</strong> <span id="tokenName"></span></p>
<p><strong>Contract Address:</strong> <span id="tokenAddress"></span></p>
<p><strong>Description:</strong> <span id="tokenDescription"></span></p>
<button id="editButton" style="display: none;">Edit Token</button>
</div>
</div>
<!-- Hot Tokens Section -->
<div id="hotTokensSection" class="hotTokens">
<h2>Hot Tokens</h2>
<ul id="hotTokensList">
<!-- Dynamically filled list of hot tokens -->
</ul>
</div>
<!-- Add/Edit Token Section -->
<div id="editTokenSection" class="editTokenForm" style="display: none;">
<h2>Edit Token</h2>
<input type="text" id="editTokenName" placeholder="Token Name">
<input type="text" id="editTokenAddress" placeholder="Contract Address">
<textarea id="editTokenDescription" placeholder="Token Description"></textarea>
<button id="saveButton">Save Token</button>
<p id="editMessage" class="message"></p>
</div>
<!-- Add New Token Section -->
<div id="addTokenSection" class="addTokenForm">
<h2>Add New Token</h2>
<input type="text" id="newTokenName" placeholder="Token Name">
<input type="text" id="newTokenAddress" placeholder="Contract Address">
<textarea id="newTokenDescription" placeholder="Token Description"></textarea>
<button id="addNewTokenButton">Add New Token</button>
<p id="addNewTokenMessage" class="message"></p>
</div>
<button id="clearHistoryButton">Clear Search History</button>
</main>
</body>
</html>