Quiz on microjob.uz wz Signel v2

by jahongirsobirov

HTML

<script src="https://signel.onrender.com/signel.js"></script>
<div id="app">
  <input type="checkbox" name="" id="quiz-check"> Do you want to add quiz?<br><br>
  <div id="quiz-form">
    <input type="text" name="" id="quiz-title"><br><br>
    <textarea name="" id="quiz-description"></textarea><br><br>
    <button id="add-question">Add question</button> <button id="save-question">Save question</button>
  </div>
</div>

JavaScript

let quiz = state({
  checked: false,
  title: '',
  description: ''
})

dom('#quiz-check').change(()=> quiz.checked = !quiz.checked)
watch(()=> quiz.checked, (value)=> {
  if(value === true) dom('#quiz-form').show()
  else dom('#quiz-form').hide()
})

dom('#quiz-title').on('input', ()=> quiz.title = dom('#quiz-title').val())
dom('#quiz-description').on('input', ()=> quiz.title = dom('#quiz-description').val())

watch(()=> quiz.title, value => {
  if(value.length !== 0) dom('#add-question').click(()=> console.log('acceptable'))
})