-
Notifications
You must be signed in to change notification settings - Fork 0
/
qrcode.js
101 lines (86 loc) · 2.75 KB
/
qrcode.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
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
const main = document.getElementById('root');
const externalHTML = `
<section id="header">
<div class="header wrap">
<span class="header left-side">
<a class="site home" href="/">
<span class="site name">LUHSIAPA.TK<span class="blinker">_</span></span>
</a>
</span>
<span class="header right-side"></span>
</div>
</section>
<section id="content">
<div class="article-container">
<section class="article header">
<h1 class="article title">QR Code Generator</h1>
<p class="article date"></p>
</section>
<article class="article markdown-body">
<section>
<p>Generator Kode QR Online Gratis untuk membuat Kode QR Anda sendiri.</p><br>
<p>Pembuat kode QR yang mudah. buat kode QR dalam dua klik: salin tautan Anda, klik buat qr code, dan unduh!</p><br>
<p>Klik kanan dan save untuk PC atau sentuh dan tahan lalu unduh QR Code untuk smartphone jika link 'Unduh' tidak muncul.</p><br>
<p><strong>Masukan text atau url:</strong></p>
<p style="color:red;" id="warning" class=""></p>
<form>
<p>
<input class="qrcode" type="text" placeholder="Masukkan Teks Atau URL" />
</p><br>
<p>
<div class="buttons-ctr">
<button class="gen-btn wink" type="button">Buat QR Code</button>
</div>
</form>
</p><br>
<p>
<div class="qr-code hidden">
<img class="qr" src="#" /><br>
</div>
</p><br>
</section>
</article>
<section class="article labels">
<a class="category" href="#">QR Code</a>
<a class="category" href="#">Scan Code</a>
</section>
</div>
<div class="article bottom">
<section class="article navigation">
<p><a class="link" href="/twibbon"><span class="iconfont icon-article"></span>Twibbon Generator v.2</a></p>
<p><a class="link" href="/qrcode"><span class="iconfont icon-article"></span>QR Code Generator</a></p>
</section>
</div>
</section>
<div id="custom-modal" class="custom-modal">
<div class="custom-modal-dialog">
<div class="custom-modal-content">
<!--<span class="close-modal"></span>-->
<div class="custom-modal-body">
<div class="custom-modal-inner">
<h4 style="text-align:center;color:red;" id="warning"></h4>
<p style="text-align:center;color:red;" id="danger"></p>
<p><canvas id="canvas"></canvas></p><br>
<p>
<div class="buttons-ctr">
<button class="wink" onclick="download()" id="download" disabled>Unduh</button>
<button class="wink" id="cancel" onclick="location.reload()">Kembali</button>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<section id="footer">
<div class="footer-wrap">
<p class="copyright">© 2021 LUHSIAPA.TK</p>
<p class="powerby">
<span>Powered by </span>
<a href="https://www.facebook.com/bungferry.wa" target="_blank" rel="noopener noreferrer">Ferry Ayunda</a>
<span> & </span>
<a href="https://saweria.co/bungferry" target="_blank" rel="noopener noreferrer">Secangkir Kopi</a></p>
</div>
</section>`;
// shows the alert
main.innerHTML = externalHTML;