我新一个新手，麻烦JS大佬帮忙解答一下！

Question

请问高手，看完以下这段JS后，请问HTML要怎么写？
复制下来的HTMl

<li><a href="forum.php?mod=misc&amp;action=recommend&amp;do=add&amp;tid=106&amp;hash=1c714f5c&amp;mobile=2" 
class=" dialog links c9" 
ck-cus="true" 
ck-param="{type:'modal',callpar:{pid:'106'},fn:'MsgCallRecommendv',load:'true',uid:'47'}" external>
<i class="icon  guiigoapp-nydbdz zy-e"></i>
<span class="guiigo-yjsz bg-j zy-a" id="recommendv_add_106"  style="display:none">0</span>
</a></li>
<li>

我是新手实在不知道，刚要入门学习。
就是说以下这段JS，有什么地方需要填入或应用到上方的HTML中，要怎么加入？

function MsgCallRecommendv(msg,par,param){
if(typeof msg === 'object' || typeof par === 'object'){
var foObj = ck8('#recommendv_add_'+ param.pid);
var recommendcut = parseInt(foObj.html());
if (par.recommendv && par.daycount && msg.msg.indexOf('您今天还能评价') != -1){
ck8.toast('点赞成功');
if(par.daycount){setTimeout(function(){ck8.toast('今天点赞数还剩'+ par.daycount +'次')}, 2300)}
             if(foObj.css('display') == 'none'){
foObj.html(1).show()
}else{
ck8('#recommendv_add_lz'+ param.pid +'').html(recommendcut + parseInt(par.recommendv))
foObj.html(recommendcut + parseInt(par.recommendv))
}
foObj.prev().removeClass('guiigoapp-nydbdz zy-e').addClass('guiigoapp-nydbdzon zy-i');        
if(param.pid){
var url = 'forum.php?mod=viewthread&tid=$_G[tid]&viewpid='+ param.pid +'&inajax=$_G['inajax']';
app.PageRefresh('','#post_topo_'+ param.pid,url)
}
}else if(msg.msg.indexOf('您已评价过本主题') != -1){
ck8.toast('您已经赞过了','shibai');
}else if(msg.msg.indexOf('抱歉，您目前没有权限评价此主题') != -1){
ck8.confirm('抱歉，点赞权限不足，点击确定查看权限', '温馨提示', function () {
ck8.router.load('home.php?mod=spacecp&ac=usergroup',true);
});
}else if(msg.msg.indexOf('您不能评价自己的帖子') != -1){
ck8.toast('不能给自己点赞','shibai');
}else if(msg.msg.indexOf('今日评价机会已用完') != -1){
ck8.toast('今日已无剩余点赞次数','shibai');
}else if(msg.msg.indexOf('投票成功') != -1){
ck8.toast('点赞成功~');
if(foObj.css('display') == 'none'){
foObj.html(1).show()
}else{
foObj.html(recommendcut + 1)
}
foObj.prev().removeClass('guiigoapp-dianzan').addClass('zy-i guiigoapp-dianzanon')

}else if(msg.msg.indexOf('您不能对自己的回帖进行投票') != -1){
ck8.toast('不能给自己点赞','shibai');
}else if(msg.msg.indexOf('您已经对此回帖投过票了') != -1){
ck8.toast('您已经赞过了','shibai');
}else {
ck8.toast(msg.msg,'shibai');
}
}else{
ck8.toast('未知错误','shibai');
}
}

Answer 1

楼主是想知道下面的 js 代码和上面的 html 有什么关系吗？（看问题表述，真的！！！不好理解）

我随便说一下我的理解：

1. 函数名 MsgCallRecommendv 在上面的 html中有出现，是 fn:'MsgCallRecommendv'，但不是正常的调用方式，而是参数的形式，肯定是有其它函数或者类库去处理了，会在某个事件中调用ck-param 属性中的 fn 对应的函数。

2.这段代码：

var foObj = ck8('#recommendv_add_'+ param.pid); //这里有个param.pid，在 html  中的ck-param 属性中有个 pid ,可以推测 callpar 就是参数中的函数的参数 param
//另外，ck8('#re..') 这种用法显然是一个选择器，再结合ck8.toast()的用法可以推荐ck8是类似于 jQuery.js 的一个库。

如果是初学者，不建议通过这些代码来学习；因为这不是原生的 js 的写法，也不是流行的 jQuery.js，更不是现代的vue.js,angular.js或 react.js 的写法。

初学者建议先学习一些原生的js 的写法，jQuery.js 建议还是要学一下的，再学习vue.js,angular.js,react.js 三个中至少一个的用法。
如果有兴趣，再去学其它。

Answer 2

看的脑壳疼，整理下代码吧

Answer 3

这个代码毫无设计，就像记流水账，建议回炉重造。