运用前端技术写一个响应事件

这是一个使用JavaScript编写的响应事件的示例代码：

<!DOCTYPE html>
<html>
<head>
	<title>响应事件示例</title>
	<style>
		button {
			padding: 10px;
			font-size: 20px;
			background-color: skyblue;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
</head>
<body>
	<h1>响应事件示例</h1>
	<button id="myButton">点击我</button>
	<script>
		// 获取按钮元素
		var button = document.getElementById("myButton");

		// 绑定点击事件
		button.addEventListener("click", function() {
			alert("你点击了按钮！");
		});
	</script>
</body>
</html>

这个示例代码中，我们定义了一个按钮元素，并使用JavaScript获取到这个元素。然后，我们使用addEventListener方法绑定了一个点击事件，当用户点击这个按钮时，就会弹出一个提示框。你可以在这个示例代码的基础上进行修改，实现更多的响应事件。