-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 2.02 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="This is a word counting app."><meta property="og:image" content="https://res.cloudinary.com/dbvthtwhc/image/upload/v1624172398/WordCountingApp/Screenshot_2021-06-20_122637_xnpten.png"><meta name="author" content="Aman Kumar"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script><link rel="stylesheet" type="text/css" href="style/style.css"><link rel="icon" href="https://res.cloudinary.com/dbvthtwhc/image/upload/v1612345001/WordCountingApp/icon.png" type="image/x-icon"><title>WORD COUNTING APP</title></head><body><div class="container_wc z-depth-4"><p>Word Counting app</p><div class="row input"><div class="input-field col s12"><textarea class="materialize-textarea" id="txt-area"></textarea><label class="label" for="textarea1">Start Typing...</label></div></div><div class="output"><div class="row z-depth-2" style="margin-right: 1.5%"><div>Total Words: <span id="wordCount">0</span></div></div><div class="row z-depth-2"><div>Total Characters: <span id="characterCount">0</span></div></div></div><a class="waves-effect waves-light waves-blue btn right">Clear</a></div><div class="bubbles"><span class="two"></span><span class="one"></span><span class="three"></span><span class="four"></span><span class="five"></span></div><div class="bubbles"><span class="two"></span><span class="one"></span><span class="three"></span><span class="four"></span><span class="five"></span></div><div class="bubbles"><span class="two"></span><span class="one"></span><span class="three"></span><span class="four"></span><span class="five"></span></div><div class="bubbles"><span class="two"></span><span class="one"></span><span class="three"></span><span class="four"></span><span class="five"></span></div><script src="code.js"></script></body></html>