html面试题

1. 请将时钟代码分离html，css，js,时钟html文件名为dataTime下的index.html

// 案例时钟

// 1.读取时钟文件

const fs = require("fs");

const path = require("path");

fs.readFile("./dataTime/index.html","utf-8",function(err,user){

    if(err){

        return console.log("获取文件失败"+err.message);

    }

    // console.log(user);

    resolveCss(user);

    resolveJs(user);

    resolveHtml(user);

})

// 修改html

function resolveHtml(user){

    let patt = /<style>[\s\S]*<\/style>/;

    let requsCss = patt.exec(user);

    user = user.replace(requsCss[0],"<link rel='stylesheet' href='./dataTime/index.css'>")

    let patts = /<script>[\s\S]*<\/script>/;

    let requsJs = patts.exec(user);

    user = user.replace(requsJs[0],"<script src='./dataTime/index.js'></script>")

    fs.writeFile("./dataTime/index.html",user,"utf-8",function(err){

        if(err){

            return console.log("创建文件失败"+err.message);

        }

    })

}

// 分离js

function resolveJs(user){

    // 2.正则匹配style内容

    let patt = /<script>[\s\S]*<\/script>/;

    let requsCss = patt.exec(user);

    let textStyle = requsCss[0].replace("<script>","").replace("</script>","")

    // 3.创建css文件

    fs.writeFile("./dataTime/index.js",textStyle,"utf-8",function(err){

        if(err){

            return console.log("创建文件失败"+err.message);

        }

    })

}

// 分离style

function resolveCss(user){

    // 2.正则匹配style内容

    let patt = /<style>[\s\S]*<\/style>/;

    let requsCss = patt.exec(user);

    let textStyle = requsCss[0].replace("<style>","").replace("</style>","")

    // 3.创建css文件

    fs.writeFile("./dataTime/index.css",textStyle,"utf-8",function(err){

        if(err){

            return console.log("创建文件失败"+err.message);

        }

    })

}