请帮帮我吧，谢谢你们了

img


这要怎么弄啊

<html>
<head>
    <title>测试</title>
</head>
<body>
    <p id="test">这是文本</p>
    <input type="text" list="size" id="fontSize">
    <datalist id="size">
        <option value="10">10px</option>
        <option value="12">12px</option>
        <option value="14">14px</option>
        <option value="16">16px</option>
        <option value="18">18px</option>
        <option value="20">20px</option>
    </datalist>
    <button onclick="fun()">确认</button>
</body>

</html>
<script>
    function fun() {
        var inputField = document.getElementById('fontSize');
        var fontSize = inputField.value;
        console.log(fontSize)
        document.getElementById('test').style.fontSize = fontSize + 'px';
        inputField.value='';
    }
</script>


 有帮助请采纳