如果按下按钮，则打开课程/窗口

Question

晚上好

如果要按下一个按钮，我正试图打开一个窗口。

例如，按下ID为1的按钮，然后弹出一个窗口。我猜我会上一堂课，但是我不知道该怎么做... 我现在将在CSS文件中添加一个新类，并在每次按下带有ID的按钮时将其打开，但我不知道该怎么做。

预先感谢

html:

<button id="1" onclick="info(this.id)">Küche</button>

js:

function info(id) {
    if (id == 1) {

        }
}

Answer 1

我误解了这个问题...

您必须使用HTML和CSS来显示“对话框”或“模式”（此答案可互换使用术语）

您可以利用Bootstrap（https://getbootstrap.com/docs/4.2/components/modal/）之类的前端框架

或者您可以通过使用标准对话框（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog）

使用目标浏览器的内置功能

或者您可以编写自己的对话框。

如果您想将数据保存在某处并知道单击该对话框的记录，则需要跟踪选定的ID。

您还可以使用JavaScript hint（）功能（https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt）从用户那里收集值。

另一种选择是使用表单上的隐藏容器，将所选项目中的值填充到其中，并相应地显示/隐藏。