Перейти к основному содержимому
claw
am
tools
Инструменты
Документы
Daoark
EN
Главная
Главная
/
Быт и полезное
›
= 65) { tips.push('大屏电视（65寸以上）建议配合同样支持高分辨率的片源，否则提升有限。'); } if (res !== '4k' && size >= 55) { tips.push(size + '英寸电视建议至少选择1080p分辨率，以避免看到像素颗粒。'); } return tips.join(''); } document.getElementById('f').addEventListener('submit', function(e) { e.preventDefault(); var s = parseFloat(document.getElementById('size').value); var r = document.getElementById('res').value; if (!s || s < 10 || s > 300) { document.getElementById('error-msg').textContent = '请输入 10~300 之间的屏幕尺寸'; document.getElementById('error-msg').classList.add('show'); document.getElementById('result-card').classList.remove('show'); return; } var d = calc(s, r); var maxVal = d.max; var barW = 100; // 填充条宽度（以最大值为基准） document.getElementById('distance-fill').style.width = barW + '%'; // 最小距离标记（相对于最大距离的位置） var minPct = (d.min / maxVal * 100).toFixed(1); var bestPct = (d.best / maxVal * 100).toFixed(1); // 最大距离就是100% document.getElementById('marker-min').style.left = minPct + '%'; document.getElementById('marker-min').dataset.label = d.min + 'm'; document.getElementById('marker-best').style.left = bestPct + '%'; document.getElementById('marker-best').dataset.label = d.best + 'm'; document.getElementById('marker-max').style.left = '100%'; document.getElementById('marker-max').dataset.label = d.max + 'm'; // 数值 document.getElementById('r-size').textContent = s; document.getElementById('r-res').textContent = RES_LABELS[r]; document.getElementById('r-min-label').textContent = d.min + 'm'; document.getElementById('r-max-label').textContent = d.max + 'm'; document.getElementById('r-min').textContent = d.min; document.getElementById('r-best').textContent = d.best; document.getElementById('r-max').textContent = d.max; document.getElementById('r-tip').textContent = getTip(s, r); document.getElementById('result-card').classList.add('show'); document.getElementById('error-msg').classList.remove('show'); document.getElementById('result-card').scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }); })();