JS开发简易聊天机器人时输出HTML链接失效问题求助
问题原因
know对象中test link对应的响应值里,<a>标签没有用引号包裹为字符串格式,JS会将其识别为未定义变量触发语法错误,无法正常渲染链接。同时原有代码的聊天记录写入逻辑会覆盖用户输入内容,也做了同步优化。
修正后代码
function talk(){ var know = { "Hey":"Hello!", "test link":"我可以帮你找到所需内容。" + '<a href="https://www.google.com/">Click Here!</a>' }; var user = document.getElementById('userBox').value; // 用+=追加内容,避免覆盖之前的聊天记录 document.getElementById('chatLog').innerHTML += user + "<br>"; if(user in know){ document.getElementById('chatLog').innerHTML += know[user] + "<br>"; }else{ document.getElementById('chatLog').innerHTML += "I do not understand.<br>"; } }
内容的提问来源于stack exchange,提问作者user1300788
相关产品推荐
相关产品推荐

