Как настроить систему баллов для проверки личности в javascript?

Совершенно новый для javascript, я делаю личную викторину, так что есть несколько концовок.

Я знаю, чтобы настроить массив для моих переменных и массив для хранения пользовательского ввода, у меня есть кнопки, чтобы настроить стиль радио.

Теперь вопрос заключается в том, как можно настроить систему баллов на основе пользовательского ввода, который в конце отобразит конкретный ответ? Мне просто нужна помощь в правильном направлении! Спасибо! Также я должен использовать eventListeners для переключателей?

1 ответ

Решение

Это довольно просто и НЕТ вам не нужны слушатели событий:

Все, что вам нужно сделать, это установить значение для радиостанций, и когда они выбирают их, сохраняйте

HTML:

<question>
    <h3>Are you smart?</h3>
    <p>
      <label>
        <input type='radio' name="smarts" value="20" />
        <span class="checkable">Yes</span>
      </label>
    </p>
    <p>
      <input id="radiodemo2" checked type='radio' name="smarts" value="10" />
      <label for="radiodemo2" class="checkable">No</span>
    </p>
  </question>

JS:

var quiz = {}

 quiz.view = function(state, props) {

  state.$looks = state.$smarts = {
    _onclick: function(event) {
      props.totals[this.name] = parseInt(this.value)
    }
  }

  state.results = props.totals.smarts + props.totals.looks
}

var props = {
  totals: {
    smarts: 0,
    looks: 0
  }
}

mag.module("quiz", quiz, props)

Вот полный рабочий пример: http://jsbin.com/xuzavunaci/2/edit?js,output

Надеюсь, это поможет!

Другие вопросы по тегам