有一个 5 列的简短调查，其中有 5 个答案选择。
我做了最基本的条件，如果答案超过2分，那么这个答案就赢了。
但是如果答案有 2 分，其余的有 1 分呢？如何计算获胜者？
TK原本是：
五个问题。
他们有 5 个答案。
5 位作者参与所有问题；附有 5 瓶葡萄酒的最终结果。
哪个作家获得了更多选定的答案，然后在最后向用户提供一瓶附在特定作家身上的酒。
如果没有获胜者，则将随机抽取一瓶。
$(document).ready(function() {
$('.js__control').click(function() {
let js__remarkCount = $('.js__remark:checked').length,
js__mayakovskyCount = $('.js__mayakovsky:checked').length,
js__bulgakovCount = $('.js__bulgakov:checked').length,
js__fitzgeraldCount = $('.js__fitzgerald:checked').length,
js__hemingwayCount = $('.js__hemingway:checked').length;
if (js__remarkCount > 2) {
$('.result').text('js__remark: ' + js__remarkCount);
console.log('js__remark: ' + js__remarkCount);
} else if (js__mayakovskyCount > 2) {
$('.result').text('js__remark: ' + js__mayakovskyCount);
console.log('js__mayakovsky: ' + js__mayakovskyCount);
} else if (js__bulgakovCount > 2) {
$('.result').text('js__remark: ' + js__bulgakovCount);
console.log('js__bulgakov: ' + js__bulgakovCount);
} else if (js__fitzgeraldCount > 2) {
$('.result').text('js__remark: ' + js__fitzgeraldCount);
console.log('js__fitzgerald: ' + js__fitzgeraldCount);
} else if (js__hemingwayCount > 2) {
$('.result').text('js__remark: ' + js__hemingwayCount);
console.log('js__hemingway: ' + js__hemingwayCount);
} else {
/* Вот тут как-то надо найти победителя */
console.log('js__remark: ' + js__remarkCount);
console.log('js__mayakovsky: ' + js__mayakovskyCount);
console.log('js__bulgakov: ' + js__bulgakovCount);
console.log('js__fitzgerald: ' + js__fitzgeraldCount);
console.log('js__hemingway: ' + js__hemingwayCount);
}
$('.quiz').addClass('hide').next('#final').removeClass('hide');
});
});.quiz {
display: flex;
flex-wrap: wrap;
}
.box {
width: 50%;
}
.js__control {
width: 100%;
padding: 8px;
margin-top: 32px;
}
.item {
display: block
}
.hide {
display: none
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="quiz">
<div class="box">
<h3>Вы влюбились. Как будете завоевывать объект воздыханий?</h3>
<label class="item">
<input type="radio" name="1" class="js__remark" checked>
Начну очаровывать безупречными манерами (Ремарк)
</label>
<label class="item">
<input type="radio" name="1" class="js__mayakovsky">
Задарю подарками (Маяковский)
</label>
<label class="item">
<input type="radio" name="1" class="js__bulgakov">
Посвящу роман (Булгаков)
</label>
<label class="item">
<input type="radio" name="1" class="js__fitzgerald">
Позову на танцы (Фицджеральд)
</label>
<label class="item">
<input type="radio" name="1" class="js__hemingway">
Никак, я красив и талантлив (Хемингуэй)
</label>
</div>
<div class="box">
<h3>Какое у вас хобби?</h3>
<label class="item">
<input type="radio" name="2" class="js__hemingway" checked>
Спорт (Хемингуэй)
</label>
<label class="item">
<input type="radio" name="2" class="js__bulgakov">
Настольные игры (Булгаков)
</label>
<label class="item">
<input type="radio" name="2" class="js__remark">
Коллекционирование (Ремарк)
</label>
<label class="item">
<input type="radio" name="2" class="js__fitzgerald">
Музыка (Фицджеральд)
</label>
<label class="item">
<input type="radio" name="2" class="js__mayakovsky">
Игра в бильярд (Маяковский)
</label>
</div>
<div class="box">
<h3>Как бы вы описали свой характер?</h3>
<label class="item">
<input type="radio" name="3" class="js__hemingway" checked>
Властный, мужественный, бесстрашный (Хемингуэй)
</label>
<label class="item">
<input type="radio" name="3" class="js__bulgakov">
Обаятельный и ранимый (Булгаков)
</label>
<label class="item">
<input type="radio" name="3" class="js__remark">
Сложный и противоречивый (Ремарк)
</label>
<label class="item">
<input type="radio" name="3" class="js__fitzgerald">
Романтичный и лёгкий (Фицджеральд)
</label>
<label class="item">
<input type="radio" name="3" class="js__mayakovsky">
Вежливый и ласковый (Маяковский)
</label>
</div>
<div class="box">
<h3>Какие напитки должны быть в домашнем баре?</h3>
<label class="item">
<input type="radio" name="4" class="js__remark" checked>
Полное разнообразие вкусов и стилей, чтобы сделать любой коктейль (Ре-марк)
</label>
<label class="item">
<input type="radio" name="4" class="js__bulgakov">
Исключительное крепкие (Булгаков)
</label>
<label class="item">
<input type="radio" name="4" class="js__mayakovsky">
Лёгкие (Маяковский)
</label>
<label class="item">
<input type="radio" name="4" class="js__hemingway">
Всё зависит от настроения (Хемингуэй)
</label>
<label class="item">
<input type="radio" name="4" class="js__fitzgerald">
Крепкие с нейтральным вкусом. Им можно придать любую форму (Фицдже-ральд)
</label>
</div>
<div class="box">
<h3>Куда бы отправились в путешествие?</h3>
<label class="item">
<input type="radio" name="5" class="js__remark" checked>
По всему миру (Ремарк)
</label>
<label class="item">
<input type="radio" name="5" class="js__mayakovsky">
Париж (Маяковский)
</label>
<label class="item">
<input type="radio" name="5" class="js__bulgakov">
Прага или Будапешт (Булгаков)
</label>
<label class="item">
<input type="radio" name="5" class="js__hemingway">
Куба (Хемингуэй)
</label>
<label class="item">
<input type="radio" name="5" class="js__fitzgerald">
Лазурный берег (Фицджеральд)
</label>
</div>
<button class="js__control" type="button">
Подсчитать
</button>
</div>
<section id="final" class="hide">
Готово! <span class="result"></span>
</section>
1 个回答