Javascript-форум - Показать сообщение отдельно

рони · #2 (**permalink**) 25.07.2019, 08:45

KopBuH,

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
   <script type="text/javascript">

        var answer = parseInt(Math.random() * 100);
        var tryCount1 = 1;
        var playerNumber = 1;

        function readInt(){
            var number = document.getElementById("userAnswer").value;
            return parseInt(number);
        }

        function write(text){
            document.getElementById("info").innerHTML = text;
        }

        function hide(id){
            document.getElementById(id).style.display = "none";
        }

        function guess(){

            var userAnswer = readInt();
            if(!userAnswer) write("Введите число от 1 до 100");
           if(userAnswer == answer){
                write("<b>Поздравляю, " + (playerNumber - 1) + " игрок победил!</b>");
                return;
            } else if(userAnswer > answer){
                write("Вы ввели слишком большое число<br>" + playerNumber + " игрок. Введите число от 1 до 100");
            } else if(userAnswer < answer){
                write("Вы ввели слишком маленькое число<br>" + playerNumber + " игрок. Введите число от 1 до 100");
            }
             if(playerNumber == 1)
                playerNumber = 2;
            else
                playerNumber = 1;
            return false
        }



    </script>
</head>
<body>

<div class="content">
    <div class="header">
        <a href="index.html">Главная</a>
        <a href="puzzle.html">Загадки</a>
        <a href="#">Угадайка</a>
    </div>

<div class="contentWrap">
    <div class="content">
        <div class="center">

            <h1>Игра угадайка</h1>

            <div class="box">

                <p id="info">Угадайте число от 0 до 100</p>
                <input type="text" id="userAnswer">
                <br>
                <a href="#" onClick="return guess();" id="button">Начать</a>
            </div>

        </div>
    </div>
</div>



</div>
<div class="footer">
    Copyright &copy; GORO
</div>


</body>
</html>