如何在单击按钮时添加CSS到此JavaScript或HTML？

在单击按钮时添加CSS到JavaScript或HTML可以通过以下几种方式实现：

使用JavaScript：可以通过JavaScript的事件监听器来实现在按钮点击时添加CSS样式。首先，给按钮添加一个点击事件监听器，当按钮被点击时触发相应的函数。在函数中，可以通过修改元素的classList属性来添加CSS类名，从而改变元素的样式。例如：

// HTML
<button id="myButton">点击按钮</button>

// JavaScript
const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  // 添加CSS类名
  button.classList.add('my-css-class');
});

使用jQuery：如果你在项目中使用了jQuery库，可以使用其提供的事件处理方法来实现在按钮点击时添加CSS样式。首先，给按钮添加一个点击事件处理函数，当按钮被点击时触发相应的函数。在函数中，可以使用jQuery的addClass()方法来添加CSS类名。例如：

// HTML
<button id="myButton">点击按钮</button>

// JavaScript (jQuery)
$('#myButton').click(function() {
  // 添加CSS类名
  $(this).addClass('my-css-class');
});

使用内联JavaScript：如果你希望直接在HTML中实现，可以使用内联JavaScript来实现在按钮点击时添加CSS样式。在按钮的onclick属性中，可以调用JavaScript代码来添加CSS样式。例如：

<button id="myButton" onclick="addCSS()">点击按钮</button>

<script>
function addCSS() {
  // 添加CSS类名
  document.getElementById('myButton').classList.add('my-css-class');
}
</script>

无论使用哪种方式，都需要在CSS中定义相应的样式类名（例如my-css-class），并将其应用到需要改变样式的元素上。这样，在按钮被点击时，CSS样式就会被添加到相应的元素上。

请注意，以上示例中的CSS类名（例如my-css-class）仅作为示例，你可以根据实际需求自定义类名。