汉诺塔小游戏 - 原生Javascript制作

本次介绍的是汉诺塔游戏的制作：界面非常简单，主要利用CSS3的flex布局，很快就可以完成。接下来主要分享一下js的功能实现

// 一些基本配置
var config = {
    minWidth: 50,
    addWidth: 30,
    column1: document.getElementsByClassName('column')[0],
    column2: document.getElementsByClassName('column')[1],
    column3: document.getElementsByClassName('column')[2],
    btns: document.getElementsByTagName('button')
}
// 存放柱子的对象
var columns = {
    c1: [3, 2, 1],
    c2: [],
    c3: []
}
// 渲染整个页面
function render() {
    renderSingle(config.column1, columns.c1);
    renderSingle(config.column2, columns.c2);
    renderSingle(config.column3, columns.c3);
}

render();
bindEvent();

/**
 * 渲染单个柱子
 * @param {*} column 
 * @param {*} dom 
 */
function renderSingle(column, dom) {
    column.inne