如果未先按下另一个按钮，则防止按钮打开模式

如何解决如果未先按下另一个按钮，则防止按钮打开模式

我有一个模态，它打开有数据，另一个按钮是让人们在以后的阶段再次看到相同的数据。唯一的事情是，如果用户单击按钮来还原该数据，则在应用数据之前，该模式将打开为空。

到目前为止，我有这个主意是为了防止该按钮打开一个空模式，但不确定如何执行。

Button withData == pressed:
  dataPresent= True

if dataPresent === True:
  [what goes here? I want the modal to open as normal]

Button withoutData == pressed:
  datanotPresent = True
  dataPresent = False

if datanotPresent == True:
  [don't open the modal]

我还可以添加一个属性“ disabled”-但同样，我不确定如何将语法放在一起。

所以最后一行可能变成这样：

if datanotPresent == True:
let btn = document.getElementById("myBtn");
    btn.setAttribute("disabled",""); 

我在这里非常初学者，所以这似乎很琐碎（但对我而言不是）。感谢您的帮助，我也选择了正确的答案;）

解决方法

哦，这比我预期的容易得多。因为我需要一个函数，所以我将这一行嵌入到该函数中：

let currentScenario = document.getElementById("current-scenario-1");
  currentScenario.removeAttribute("disabled");

这很完美：）

,

我不确定我是否理解您的问题，因此我正在从标题而不是描述中进行工作：

• 有两个按钮，A和B
• 按下按钮B应该打开一个模式，但前提是先按下按钮A

我们只需要一个变量即可跟踪该状态。

let buttonA = document.querySelector('button.first') // looks for <button class="first">
let buttonB = document.querySelector('button.second') // looks for <button class="second">
let modal = document.querySelector('.modal') // looks for first element with class="modal"

let buttonAPressed = false

buttonA.on('click',function() { buttonAPressed = true })
buttonB.on('click',function() {
    if(!buttonAPressed) return
    modal.style.display = 'block'
})