显示代码

    
这里是一些示例代码：
    

        
代码示例1
        
代码示例2
        
代码示例3
    

在这个DIV元素中，我们定义了一个ID为“code”的名称。此外，我们将其设置为“display:none;”，这意味着在页面加载时该元素将被隐藏。

第三步：添加JavaScript脚本

要使按钮能够控制代码的显示和隐藏，我们需要添加一些JavaScript代码。

在HTML文件中，添加以下代码：

这段JavaScript代码定义了一个单击按钮时发生的事件。它查找ID为“code”的DIV元素，并检查它是否处于隐藏状态。如果它当前处于隐藏状态，它将显示代码div元素，反之亦然。

此外，当用户单击按钮时，脚本将更改按钮文字以反映div元素当前的状态。

第四步：测试按钮

现在，我们已经创建了按钮，添加了需要显示或隐藏的代码，以及添加了JavaScript脚本，我们可以测试按钮是否正常工作了。在页面上单击按钮，我们应该可以看到代码的显示或隐藏状态更改。

在此示例中，按钮将从“显示代码”更改为“隐藏代码”以反映其当前状态。