JSFiddle - React, Tailwind, and code Playground

by kontrach

HTML

<div id="wrapper">
    <p>Для получения ответа прошепчите свой вопрос в лазер мыки, а затем нажмите на кнопу "Получить ответ"</p>
<button>Получить ответ</button>
    <div id="result"></div>
    
    <p id="1">Александр, с юбилеем!</p>
</div>

CSS

#wrapper{
    margin:15px;
}

#result{
    margin-top:10px;
    margin-bottom:10px;
}

button{
    margin-top:10px;
}

#1{
    display:none;
    color:red;
}

JavaScript

var answer = 0, persent = 0, first_time;

function getRandomInt(min, max){
  answer = Math.floor(Math.random() * (max - min + 1)) + min;
    return answer;
}

function getRandomPersent(){
  persent = Math.floor(Math.random() * 99);
    return persent;
}

$('button').click(function(){
    getRandomInt(1,12);
    getRandomPersent();
    
    switch(answer){
        case 1:
            $('#result').html('Перефразируйте вопрос, либо произнесите его БЛИЖЕ к лазеру.');
            break;
            
        case 2:
            $('#result').html('Так-с, этому персонажу больше не наливать. ');
            break;
            
        case 3:
            $('#result').html('Вероятность успеха составляет ' + persent + ' процентов');
            break;
            
        case 4:
            $('#result').html('А человек бы что ответил?');
            break;
            
        case 5:
            $('#result').html('Еще как!');
            break;
            
        case 6:
            $('#result').html('Отнюдь');
            break;
            
        case 7:
            $('#result').html('Вероятность провала составляет ' + persent + ' процентов');
            break;
            
        case 8:
            $('#result').html('Я вам Пифи чтоли? Ну, из Матрицы которая');
            break;
            
        case 9:
            $('#result').html('Прогугли или ЗАгугли, в общем, воспользуйся поисковиком.');
            break;
            
        case 10:
            $('#result').html('Горько! ..упс, не то. Надышали перегаром..');
            break;
            
        case 11:
            $('#result').html('Отошлите смс на номер 23887, чтобы узнать ответ.');
            break;
            
        case 12:
            $('#result').html('Шурик знает ответ.');
            break;
           
    }
$('#1').fadeIn('slow');
$('#1').fadeOut('slow');
    
});