petawang 2022-01-20 22:30 采纳率: 69.2%
浏览 112
已结题

JavaScript技术帮我改一下代码,判断题正确和错误都是显示出来,

JavaScript麻烦技术帮我改一下代码,判断题正确和错误都是显示出来,谢谢
源代码


程序写好了,需要改一下,判断题显示一下正确和错误,我自己选择的答案的颜色还是绿色的,没有选择的是红色的。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>答案</title>
</head>
<body>
    <textarea name="text" style="width:100%;height:100px;" id="responsedate"></textarea>
    <br />
    <button style="width:100%;height:100px;float:right;" id="tj">提取自己做的答案</button>
    <div id="dvRst"></div>
    <script>
        function getAnswer() {
            var responseDate1 = document.getElementById("responsedate").value;
            try {
                responseDate1 = JSON.parse(responseDate1);
                console.log(responseDate1)
                var s = '';
                responseDate1.data.subjectList.forEach((item,index) => {
                    if (item.subjectOptionVOList.length) {
                        s += '<p>' + (index + 1) + '.' + item.subjectTitle + '</p>';
                        var answer = item.answer.split('&');
                        item.subjectOptionVOList.forEach(choice => {
                            s += '<p style="color:' + (answer.findIndex(i => i == choice.optionId) != -1 ? 'green' : 'red') + '">' + choice.optionTitle + '</p>'
                        });
                    }
                    else {
                        s += '<p style="color:' + (item.answer=='1'?'green':'red') + '">' + (index + 1) + '.' + item.subjectTitle + '(我的答案:' + item.answer + (item.answer == '1' ? '正确' : '错误') + ')' + '</p>';
                    }
                });
                document.getElementById('dvRst').innerHTML = s;
            } catch (error) {
                console.log(error)
                alert('输入格式有误(不是标准json)')
            }
        }
        // 监听回车
        document.onkeydown = function (event) {
            var e = event || window.event || arguments.callee.caller.arguments[0];
            if (e && e.keyCode == 13) {
                getAnswer()
            }
        };
        tj.onclick=getAnswer;
    </script>
</body>
</html>

现在的效果是

img

img

img

  • 写回答

2条回答 默认 最新

  • 你好!机器人 2022-01-21 09:26
    关注

    你这描述好像不是很清晰
    现在显示的是你选的答案?你还要把没选的也显示出来?

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
    1人已打赏
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月29日
  • 已采纳回答 1月21日
  • 创建了问题 1月20日

悬赏问题

  • ¥15 Android STD快速启动
  • ¥15 如何使用simulink建立一个永磁同步直线电机模型?
  • ¥30 天体光谱图的的绘制并得到星表
  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动