js效果代码

// 改变元素的文本内容
document.getElementById('myElement').textContent = '新的内容';

// 添加一个新的元素
var newElement = document.createElement('div');
newElement.textContent = '我是新添加的元素';
document.body.appendChild(newElement);

// 点击按钮时显示一个警告框
document.getElementById('myButton').addEventListener('click', function() {
    alert('按钮被点击了！');
});

// 简单的淡入效果
var element = document.getElementById('myElement');
element.style.opacity = 0;
var opacity = 0;
var timer = setInterval(function() {
    opacity += 0.1;
    element.style.opacity = opacity;
    if (opacity >= 1) {
        clearInterval(timer);
    }
}, 100);

// 使用 Fetch API 发送请求
fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error:', error));

document.addEventListener('DOMContentLoaded', function() {
    // 在这里编写你的 JavaScript 代码
});