Поле отображения при нажатии кнопки -thymeleaf

Я разрабатываю игру TicTacToe с тимелистом.

Хочу задать пользователю следующий вопрос.

<p>Would you like to configure the symbols you would want to play 
 with?</p>

<input type  = "button" value = "Yes" class = "btn" name = "btn_yes"/>
<input type = "button" value = "No" class = "btn" name = "btn_no"/>

При нажатии кнопки «Да» я хочу отобразить текстовое поле. Кто-нибудь может мне помочь? Я новичок в этом.

вы можете добиться этого с помощью события javascript onclick

Bhushan Uniyal 11.04.2018 12:36
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
1
1 097
2

Ответы 2

         <style>
            #myDIV {
               width: 100%;
            padding: 50px 0;
            text-align: center;
            background-color: #000;
            margin-top: 20px;
            color:#fffff;
            }
            </style>
         
         <body>
            <button onclick = "myFunction()">Yes</button>
           <div id = "myDIV">
        Can someone please help me?
        </div>
            <script>
            function myFunction() {
                var x = document.getElementById("myDIV");
                if (x.style.display === "none") {
                    x.style.display = "block";
                } else {
                    x.style.display = "none";
                }
            }
            </script>
            </body>
        

HTML

<html>
  <head>
  </head>
  <body>
    <p>Would you like to play a game</p>
    <input type = "button" value = "Yes" class = "btn" name = "btn_yes" onclick = "btnClickYes()"/>
    <input type = "button" value = "No" class = "btn" name = "btn_no"/>
  </body>
</html>

JS

var amount = 0;

function btnClickYes() {
    amount += 1;  
    if (amount == 1){
      var textbox = document.createElement('input');
      textbox.type = 'text';
      document.body.appendChild(textbox);

      amount = 1;
    }   
};

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