Question

「登録する」ボタンを押したらフォームの中身をすべて空にしたいです。
JavaScriptで作成することは出来たのですが、
もっと簡潔に書くことは出来ないでしょうか？

'''html
 <table class="form" id="form">
        <tr>
            <th>予定</th>
            <td><input id="todo" type="text" placeholder="予定を入力"></td>
            <th>日時</th>
            <td><input id="date" type="datetime-local"></td>
        </tr>
        <tr>
            <th>お金</th>
            <td><input id="price" type="number" placeholder="金額を入力"></td>
            <th>期日</th>
            <td><input id="duedate" type="datetime-local"></td>
        </tr>
        <tr>
            <th>持ち物</th>
            <td><input id="item" type="text"></td>
            <th>メモ</th>
            <td><input id="memo" type="text"></td>
        </tr>
    </table>
    <div id="addButton"><button type="submit">登録する</button></div>
'''

'''JavaScript
let formElement = document.getElementById('todo'); formElement.value = "";
        let formElement = document.getElementById('date'); formElement.value = "";
        let formElement = document.getElementById('price'); formElement.value = "";
        let formElement = document.getElementById('duedate'); formElement.value = "";
        let formElement = document.getElementById('item'); formElement.value = "";
        let formElement = document.getElementById('memo'); formElement.value = "";
'''