Finish remaining question types
This commit is contained in:
parent
0d54f756d8
commit
5bd1e821f7
20 changed files with 431 additions and 8 deletions
21
app/javascript/lyrics_answer.js
Normal file
21
app/javascript/lyrics_answer.js
Normal file
|
@ -0,0 +1,21 @@
|
|||
import { submitValueDebounced } from './submit_value.js'
|
||||
|
||||
export default function initLyricsQuestions() {
|
||||
document.querySelectorAll('[data-behaviour="lyrics_answer"]').forEach((lyrics) => {
|
||||
const submitUrl = lyrics.dataset.submitUrl
|
||||
const _submit = submitValueDebounced()
|
||||
|
||||
const allInputs = Array.from(lyrics.querySelectorAll(".lyrics-input"))
|
||||
|
||||
function submit() {
|
||||
const data = allInputs.map((input) => input.value)
|
||||
_submit(submitUrl, {data})
|
||||
}
|
||||
|
||||
allInputs.forEach((input) => {
|
||||
const index = Number.parseInt(input.dataset.index)
|
||||
input.addEventListener('input', () => submit())
|
||||
input.addEventListener('change', () => submit())
|
||||
})
|
||||
})
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue