一个好玩的前端在线编译器

forminio 字数: 20108 阅读耗时: 50 分钟 2025/05/06 2025/05/06 博客独享热度: 36 评论: 0

在线前端编译器

HTML

CSS

JavaScript

// 在这里编写 JavaScript 代码
const arraySize = 30;
const maxVal = 300;
let array = [];

function generateArray() {
    array = [];
    for (let i = 0; i < arraySize; i++) {
        array.push(Math.floor(Math.random() * maxVal) + 1);
    }
    drawArray();
}

async function bubbleSort() {
    const n = array.length;
    for (let i = 0; i < n - 1; i++) {
        for (let j = 0; j < n - i - 1; j++) {
            if (array[j] > array[j + 1]) {
                [array[j], array[j + 1]] = [array[j + 1], array[j]];
                drawArray();
                await new Promise(resolve => setTimeout(resolve, 50));
            }
        }
    }
}

document.getElementById('sort-btn').addEventListener('click', () => {
    bubbleSort();
});

generateArray(); // 初始生成数组并绘制

预览结果