求助一个脚本

最近疫情严重，我们公司没复工，我自己就找了个网赚的兼职，具体点就是网页给出一条语音，你来判断是否有效，如下图，让人郁闷的是他要求当选择无效语音后，需要将下方文本框的内容改成val 这三个字母（这个文本框预设的是上面那个参考文本）。这个网页设计的极其难受，能用脚本改成选中无效语音后，直接将下方预设换成val么，就是根据选项变换文本框内容这是他的网页代码（102这个矿本来是隐藏的，我为了解释清楚界面，显示出来了）

图片：2.png

<div class="com-mark-wrap">
    <div class="com-mark-page"><div class="com-mark-p-brief">
    <div class="com-mark-p-reference" data-type="html" data-id="1" id="com_mark_reference_1">
        <div class="com-mark-pr-content com-mark-pr-html">参考文本：花开的时候花开的;花开的时候花开的</div>
    </div>
  
    <div class="com-mark-p-reference" data-type="audio" data-id="2" id="com_mark_reference_2">
        <div class="com-mark-pr-content com-mark-pr-audio"><audio class="encrypted" controls="controls" controlslist="nodownload" oncontextmenu="return false" data-src="//test.zc.com/security/audio?md5=d1e723ebc2c923ad73831d684ef108f5" src="blob:http://test.zc.com/5f6dc10d-dc34-41b1-bdfc-517b08bb311b">您的浏览器不支持audio标签</audio></div>
    </div>
</div>
  
    <div class="com-mark-p-question" data-id="1" data-type="single" data-required="true" style="margin: 0px; padding: 0px;">
        <div class="com-mark-pq-content" style="display: inline-block; width: 25%;">1. 当前语音是否包含有效语音</div>
    <div class="com-mark-pq-choice" style="display: inline-block; width: 70%;">
        <div class="com-mark-pq-single-wrap" data-id="1" style="display: inline-block;">
            <input type="hidden" class="com-mark-pq-single-form" id="com_mark_response_single_1" value="102" data-type="single">
          
    <div class="com-mark-pq-single js-com-mark-pq-single com-mark-pq-choice-choiceshow" data-id="101" data-type="single" style="display: inline-block; width: auto;">
        <div class="mp-choice-order vm"><span>A</span></div>
        <div class="com-mark-pq-single-content js-com-mark-pq-single-content">有效语音</div>
        <div class="js-com-mark-pq-single-export dn"></div>
        <div class="com-mark-pq-single-standard-answer dn"></div>
        <div class="com-mark-pq-single-user-answer dib"></div>
    </div>
  
    <div class="com-mark-pq-single js-com-mark-pq-single com-mark-pq-choice-choiceshow active" data-id="102" data-type="single" style="display: inline-block; width: auto;">
        <div class="mp-choice-order vm"><span>B</span></div>
        <div class="com-mark-pq-single-content js-com-mark-pq-single-content active">无效语音</div>
        <div class="js-com-mark-pq-single-export dn"></div>
        <div class="com-mark-pq-single-standard-answer dn"></div>
        <div class="com-mark-pq-single-user-answer dib"></div>
    </div>
</div>
    </div>
    </div>
  
    <div class="com-mark-p-question" data-id="2" data-type="text" data-required="true" style="margin: 0px; padding: 0px;">
        <div class="com-mark-pq-content" style="display: inline-block; width: 25%;">2. 语音内容</div>
    <div class="com-mark-pq-choice" style="display: inline-block; width: 70%;">
        <div class="com-mark-pq-text-wrap" data-id="2">
            <input type="text" class="com-mark-pq-text-form" id="com_mark_response_text_2" data-id="201" style="margin: auto;" value="花开的时候花开的;花开的时候花开的">
        </div>
    </div>
    </div>
</div>
</div>

他这个有效无效是靠这个标签区分的  默认是101，选择无效变102，

<input type="hidden" class="com-mark-pq-single-form" id="com_mark_response_single_1" value="102" data-type="single">

这是下方的文本框区域

<input type="text" class="com-mark-pq-text-form" id="com_mark_response_text_2" data-id="201" style="margin: auto;" value="花开的时候花开的;花开的时候花开的">

另外这一区域貌似是ajax还是啥的，整体页面不刷新，提交之后只刷新这一区域的题目，所以应该需要实时监控 101  102  这个值，然后实时写入com_mark_response_text_2得值

你赚多少了，我也想赚点。

let clickTimeout;
addEventListener('click', event => {
	clearTimeout(clickTimeout);
	clickTimeout = setTimeout(() => {
		if(event.target.closest('.com-mark-pq-choice-choiceshow') &&
			document.getElementById('com_mark_response_single_1').value == '102'
		){
			document.getElementById('com_mark_response_text_2').value = 'val';
		}
	}, 200);
}, true);

拜托各位了