Javascript 以正确的方式格式化Jquery脚本

有没有更好的方法格式化下面的脚本？它完成了任务，但我想看看是否有办法将其编译成if语句

这是一个“此页面有用吗”模块，我正在使用谷歌标签管理器（google tag manager）将其插入我的网站，以跟踪点击

<div class="feedback-headline">
    <p class="feedback-heading">Was this page helpful?</p>
    <button class="feedback-button" id="feedback-yes" type="button">Yes</button>
    <button class="feedback-button" id="feedback-no" type="button">No</button>
</div>

<script>
$(function() {
    $("#feedback-yes").click(function(){
        $(".feedback-button").hide();
        $(".feedback-headline").append("<p style='display:inline- 
        block;'>Thanks for your feedback!</p>");
    });
    $("#feedback-no").click(function(){
        $(".feedback-button").hide();
        $(".feedback-headline").append("<p style='display:inline-block;'>We're 
        sorry to hear that! We'll try to improve on it.</p>");
    });
});
</script>

此页面有帮助吗
对
不
$（函数（）{
$（“#反馈是”）。单击（函数（）{
$（“.feedback按钮”）.hide（）；
$（“.feedback headline”）.append（
我们正在
很抱歉听到这个消息！我们将努力改进。
”；
});
});

我会在容器上使用事件委派，如果目标是

反馈yes

，则追加yes字符串，否则追加no字符串：

$（'.feedback headline'）。在（'click'，'feedback button'，函数（事件）{
$（“.feedback按钮”）.hide（）；
$（“.feedback headline”）.append（`p style='display:inline block；'>${
event.target.id==='反馈是'
“谢谢你的反馈！”
：“听到这个消息我们很难过！我们会努力改进的。”
}
`）；
});

此页面有帮助吗
对
不