MVC中如何制作这样的动态留言板？

动态留言
新手，不太明白在mvc中对应的js和css怎么处理

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
标题：<input id="title" type="text"/>
内容：<input id="content" type="text"/>
<input type="button"value="发送" onclick="send()"/>

<table>
    <thead><tr><td>标题</td><td>内容</td><td>操作</td></tr></thead>
    <tbody id="tb">

    </tbody>
</table>
</body>
</html>
<script>
var dataArray=[];
function send(){
    var obj={id:Math.ceil(Math.random()*1000000),title:document.getElementById('title').value,content:document.getElementById('content').value};
    dataArray.push(obj);
    load();
}
function deleted(d){
    dataArray.splice(dataArray.findIndex(o=>o.id==d),1);
    load();
}
function load(){
    var body=[];
    dataArray.forEach(obj=>{
    body.push(`<tr><td>${obj.title}</td><td>${obj.content}</td><td onclick="deleted(\'${obj.id}\')">删除</td></tr>`);
    });
    document.getElementById('tb').innerHTML=body.join('');
}
</script>