console 命令行工具 X clear

console

const verson = "0.3";
video=document.getElementById("video");

function load() {
    document.getElementById("ver").innerHTML = "Verson: " + verson + " 测试版";
    document.getElementById("logger").innerHTML = "<p class='p-系统'>[系统]神经系统已构建完成！</p>\
<p class='p-警告'>[警告]当前为测试版</p>";
}

function read() {
    file = document.getElementById("src").files[0];
    var r = new FileReader();
    r.readAsText(file);
    r.onload = function (e) {
        输出日志("解析中...（时间较长）因为作者不会多线程，所以解析过程会卡死主线程！", "系统");
        输出日志("不满意就操我啊！", "作者");
        //输出日志(this.result,"战斗");
    }


    //try catch
}

function error(text) {
    alert("出错了\n" + text);
}

function 输出日志(html, who) {
    var fix = "";
    var logger = document.getElementById("logger");
    if (who == null) {
        who = "张钧珲";
    }
    if (html == null) {
        html = "§"
    }
    fix += '<p class="p-' + who + '">[' + who + ']' + html + '</p>'
    logger.innerHTML += fix;
    logger.scrollTop = logger.scrollHeight;
}

function change(arg) {
    switch (arg) {
        case "width":
            video.width=document.getElementsByTagName("input")[2].value
            break;
        case "height":
            break;
        case "prog":
            break;
        default:
            error("参数错误：进度条");
    }
}

<!DOCTYPE html>

<body onload="load()">

<h1>解密文件 (用于123ggj加密)</h1>
<h4 id="ver">Verson: 啊♂_JS加载有问题呐 测试版</h4>
<input type="file" id="src" onchange="read()">
<div id="logger" class="logger" contenteditable="plaintext-only"><p class="p-警告">[警告]无法载入JavaScript(js)或正在加载中!</p></div>
宽<input type="range" onchange="change("width")"> 高<input type="range" onchange="change("height")">
<br/>
<br/>
<video id="video" loop muted autoplay><source src="https://ali.static.yximgs.com/udata/pkg/fe/kwai_video.c8e339ab.mp4" type="video/mp4">您的浏制览器不支持HTML5视频</video>
<br/>
进度<input type="range" onchange="change("prog")">

</body>

p{
    margin: 4px;
}

video{
    width: 80%;
    height: 80%;
}

body {
    background-color: #fbc7d4;
    background-image: linear-gradient(to right, #9796f0, #fbc7d4);
    height: 97%;
    padding: 1%;
}

.logger {
    overflow: auto;
    font-family: 'Times New Roman', Times, serif;
    background-color: rgba(11, 11, 11, 0.2);
    margin-bottom: 5%;
    margin-right: 1%;
    margin-top: 5%;
    height: 250px;
    width: 80%;
}

.p-系统 {
    color: rgb(102, 217, 239);
}

.p-错误 {
    color: red;
}

.p-警告 {
    color: orange;
}

.p-战斗 {
    color: tan;
}

.p-作者 {
    color: purple;
}