HTML Кнопка нажата - проверить статус (не срабатывать при нажатии) с помощью Javascript

Question

Я ищу способ узнать, нажата ли кнопка как состояние - обратите внимание, это нечто иное, чем функция onclick, запускающая действие в момент нажатия кнопки. Вот код js (https://jsfiddle.net/tearex/812rkLpt/14/).

код

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<input  type="button" name="nomen" ID="first" value="1" onclick="one()"> 
<input  type="button" name="omen" ID="second" value="2" onclick="two()"> 

JS

function one(){
if (document.getElementById('first').clicked=="clicked") {alert('clicked')}
one();}

function two(){

document.getElementById('first').click();
if (document.getElementById('first').clicked=="clicked") {alert('clicked')}

}

Нажатие кнопки 1 должен вызвать проверку нажатой кнопки. Нажатие кнопки 2 должно привести к нажатию кнопки 1 и появлению предупреждения, подтверждающего, что это произошло.

Ни то, ни другое не работает. Что в этом плохого?

Спасибо

Answer 1

Я не уверен, почему это написано "clicked ==" clicked "". Но при нажатии кнопки 1 работает следующий код

  function one(){
           alert('clicked on number 1')
     }

И при нажатии кнопки 2 мы можем вызвать one ()

function two () {

one (); }

и выдает предупреждение.

Answer 2

У вас есть функция, вызывающая «один», которая влияет на бесконечное l oop.

Примерно так. Надеюсь, это вам поможет.

function one(){
  if (document.getElementById('first').clicked !== "clicked") {
    document.getElementById('first').clicked = 'clicked'
  }
}

function two(){
  if (document.getElementById('first').clicked=="clicked") {
   alert('clicked')
  }
}