Как получить процентный результат опросника на js?

Question

[Иван Никифоров]

const form = document.querySelector('#form')
form.addEventListener('submit', onSubmit)

function onSubmit (event) {
  event.preventDefault()

  let listCheckbox = document.querySelectorAll('.i-6')
  listCheckbox = [...listCheckbox]

  // Проверяем выбран ли хотя бы один ответ
  if (!listCheckbox.filter(checkbox => checkbox.checked)) {
    return console.log('Вы не выбрали ни одного ответа')
  }

  // Узнаем сколько всего правильных ответов
  const rightAnswersCount = listCheckbox.filter(checkbox => Number(checkbox.value) === 1).length

  // Узнаем сколько всего не правильных ответов
  const wrongAnswerCount = listCheckbox.length - rightAnswersCount

  // Узнаем количество правильных ответов
  const rightAnswers = listCheckbox.filter(checkbox => Number(checkbox.value) === 1 && checkbox.checked).length

  // Узнаем количество не правильных ответов
  const wrongAnswer = listCheckbox.filter(checkbox => Number(checkbox.value) === 0 && checkbox.checked).length

  // Уведомляем пользователя
  console.log(`Вы ответили правильно на ${rightAnswers} из ${rightAnswersCount}`)
  console.log(`Вы ответили не правильно на ${wrongAnswer} из ${wrongAnswerCount}`)
}

<form method="POST" action="#" id="form">
    <section class="table_1">
        <table class="iksweb">
            <tbody>
                <tr>
                    <td rowspan="3"><b>Культура<br>обслуживания</b>
                        <h3 class="the">Скорость:</h3>   
                        <section class="conteiner">
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="i6" value="1">
                                <label for="i6" tabindex="12">Выполнять стандарты по времени обслуживания</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="i7" value="0">
                                <label for="i7" tabindex="13">Время ожидания в очереди 120 секунд</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_68" value="1">
                                <label for="checkbox_68" tabindex="14">Время ожидания в очереди 90 секунд</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_69" value="1">
                                <label for="checkbox_69" tabindex="15">Время обслуживания 90 секунд</label>
                            </div>
                            <div class="checkbox">
                                <input type= "checkbox" class="i-6" id="checkbox_70" value="0">
                                <label for="checkbox_70" tabindex="16">Время обслуживания 120 секунд</label>
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_71" value="0">
                                <label for="checkbox_71" tabindex="17">Время обслуживания 60 секунд</label>
                            </div>
                            <div class="out-block out-6"></div>
                        </section>
</form>
<script src="./js/script.js"></script>

Помогите пожалуйста дополнить JavaScript код на процентный результат опросника.
Чтобы в результате отображалось процентное соотношение результатов.
(Число вывода правильных и неправильных результатов есть).

Comments

[Sergo Zar]

Это конечно не мое дело, но у вас пропущены закрытия тегов html коде, а именно:

</td>
                </tr>
            </tbody>
        </table>
    </section>

(правильный вариант:)

<form method="POST" action="#" id="form">
    <section class="table_1">
        <table class="iksweb">
            <tbody>
                <tr>
                    <td rowspan="3"><b>Культура<br>обслуживания</b>
                        <h3 class="the">Скорость:</h3>   
                        <section class="conteiner">
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="i6" value="1">
                                <label for="i6" tabindex="12">Выполнять стандарты по времени обслуживания</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="i7" value="0">
                                <label for="i7" tabindex="13">Время ожидания в очереди 120 секунд</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_68" value="1">
                                <label for="checkbox_68" tabindex="14">Время ожидания в очереди 90 секунд</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_69" value="1">
                                <label for="checkbox_69" tabindex="15">Время обслуживания 90 секунд</label>
                            </div>
                            <div class="checkbox">
                                <input type= "checkbox" class="i-6" id="checkbox_70" value="0">
                                <label for="checkbox_70" tabindex="16">Время обслуживания 120 секунд</label>
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_71" value="0">
                                <label for="checkbox_71" tabindex="17">Время обслуживания 60 секунд</label>
                            </div>
                            <div class="out-block out-6"></div>
                        </section>
<!-- пропущеная часть -->
                    </td>
                </tr>
            </tbody>
        </table>
    </section>
<!-- пропущеная часть -->
</form>

Если вы их пропустили случайно то лучше исправить.

[Иван Никифоров]

Sergo Zar, Спасибо вам, что заметили такой косяк.
Это я скопировал часть своего кода из опросника и не был внимателен.
Не хотел огромный код сюда вставлять.

[Sergo Zar]

Илья Дячук, понял

Answer 1

[Nikolay Matyushkin]

Это же школьная программа, вы что?)
Расчёт доли в процентном соотношении: P = (A1 (правильные ответы) / A2 (всего вопросов)) * 100

Comments

[Иван Никифоров]

console.log(P = (A1(rightAnswersCount)/A2(wrongAnswerCount))*100);

Этот вариант не подходит?

[Nikolay Matyushkin]

Мда, так бы и сказали, что не разбираетесь в JS.

console.log(`Процент правильных ответов: ${(rightAnswers / rightAnswersCount) * 100}`)
console.log(`Процент неправильных ответов: ${(wrongAnswer / wrongAnswerCount) * 100}`)

[Иван Никифоров]

Devilz_1, Спасибо Вам, и извините пожалуйста, что не написал, что не разбираюсь в JavaScript.
Ещё раз Вам спасибо!)