如何将普通function转换为箭头函数？附HTML交互代码示例

<input type="text" id="textbox_id" placeholder="输入内容..." oninput="handleValueChange()">
<p id="result"></p>

<script>
// 原普通函数改写为箭头函数
const handleValueChange = () => {
    let y = document.getElementById('textbox_id').value;
    let x = document.getElementById('result');
    x.innerHTML = y;
}
</script>

改动说明 #

• 仅将原普通函数声明function handleValueChange() {}修改为箭头函数表达式赋值给同名变量，原有业务逻辑完全保留，和原代码功能一致，可实现输入框内容实时同步展示到下方段落的效果
• 保留了原有的行内oninput事件绑定逻辑，无需调整原有HTML结构

内容的提问来源于stack exchange，提问作者Minhaj