Hash system and controls inside player
This commit is contained in:
parent
c8d991883a
commit
e9b194217a
8 changed files with 151 additions and 71 deletions
|
|
@ -15,21 +15,26 @@
|
|||
<div class="container has-text-centered">
|
||||
<p class="title">Welcome to TikTok Viewer!</p>
|
||||
<p class="subtitle">Alternative TikTok Frontend</p>
|
||||
<div class="field has-addons has-addons-centered">
|
||||
<div class="control">
|
||||
<input id="username_input" class="input" placeholder="Type username" required />
|
||||
<form id="username_form">
|
||||
<div class="field has-addons has-addons-centered">
|
||||
<div class="control">
|
||||
<input name="username" class="input" placeholder="Type username" required />
|
||||
</div>
|
||||
<div class="control">
|
||||
<button class="button is-success" type="submit">Go</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control">
|
||||
<button id="username_send" class="button is-success" type="button">Go</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<script>
|
||||
document.getElementById('username_send').addEventListener('click', () => {
|
||||
const username = document.getElementById('username_input').value
|
||||
window.location.href = `./users/${username}`
|
||||
})
|
||||
const goToUser = (e) => {
|
||||
e.preventDefault()
|
||||
const formData = new FormData(e.target)
|
||||
const username = formData.get('username')
|
||||
window.location.href = `./@${username}`
|
||||
}
|
||||
document.getElementById('username_form').addEventListener('submit', goToUser, false)
|
||||
</script>
|
||||
</body>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue