Hash system and controls inside player

This commit is contained in:
Pablo Ferreiro 2022-01-02 00:06:00 +01:00
parent c8d991883a
commit e9b194217a
No known key found for this signature in database
GPG key ID: 41FBCE65B779FA24
8 changed files with 151 additions and 71 deletions

View file

@ -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>