请自行实践1-2个JavaScript代码片段，可以参考案例编写或借鉴教材及网络资源。简要分析其功能与代码实现。

以下是两个简单的 JavaScript 代码片段：

1. 计数器效果

该代码片段实现了一个简单的计数器效果，点击“增加”按钮可以将计数器的值增加1，点击“减少”按钮可以将计数器的值减少1。代码如下：

let count = 0;
let countElement = document.querySelector("#count");

function increment() {
  count++;
  countElement.innerHTML = count;
}

function decrement() {
  count--;
  countElement.innerHTML = count;
}

let addButton = document.querySelector("#addButton");
addButton.addEventListener("click", increment);

let minusButton = document.querySelector("#minusButton");
minusButton.addEventListener("click", decrement);

该代码片段使用了 DOM 操作，通过获取页面中的元素来实现增加和减少计数器的功能。具体来说，代码中定义了一个变量 `count` 来保存计数器的值，以及一个变量 `countElement` 来获取页面中用于显示计数器值的元素。同时，定义了两个函数 `increment()` 和 `decrement()`，分别用于增加和减少计数器的值，并将值更新到页面中。最后，使用 `addEventListener()` 方法来将增加和减少按钮的点击事件与相应的函数绑定起来。

2. 简单的表单验证

该代码片段实现了一个简单的表单验证功能，当用户提交表单时，会检查表单中的输入是否符合要求。如果输入不符合要求，则会提示用户重新输入。代码如下：

let form = document.querySelector("#myForm");

form.addEventListener("submit", function(event) {
  let nameInput = form.querySelector("#nameInput");
  let emailInput = form.querySelector("#emailInput");

  if (nameInput.value.trim() === "") {
    alert("请输入姓名！");
    event.preventDefault();
  }

  if (emailInput.value.trim() === "" ||
      !emailInput.value.includes("@")) {
    alert("请输入有效的邮箱地址！");
    event.preventDefault();
  }
});

该代码片段使用了表单事件，当用户提交表单时，会触发 `submit` 事件，并执行相应的函数。函数中通过获取表单中的输入元素，并使用 `value` 属性获取输入的值。之后，通过一些简单的判断条件来检查输入是否符合要求，如果不符合，则会弹出提示框，并使用 `event.preventDefault()` 方法阻止表单的提交。

总的来说，这两个代码片段都是非常简单的 JavaScript 示例，但它们都涉及到了常见的 JavaScript 特性和技巧，对于初学者来说是很好的练习素材。