如何在我的＆＃34; Post＆＃34;中添加更多信息。要求（Sinatra）

Question

我想在用户点击其中一个心情按钮后向用户询问更多信息。示例：如果用户点击＆＃34;非常快乐＆＃34;，我想要弹出另一个输入表单，询问：＆＃34;您是否想要添加更多关于您为什么这样做的信息？＆＃34;

如果用户拒绝，则继续发布。

如果用户填写其他信息。修改发布到数据库的信息，其中现在包含要发布到属性的信息：mood_reason。

实现这一目标的任何帮助都会很棒。

我的现状

目前，当用户点击下方图片中的某个按钮时：

我使用以下代码将发布请求直接发送到我的数据库：

post '/mood' do
 params.merge!(user_id: session[:id])
 Mood.create(params)
 redirect '/dashboard'
end

我的Html.erb输入表单如下所示：

<div style="height:50px;"></div>

<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black" 
style="width:200px;" type="submit" name="mood" value="Very Happy" />
</form>
</div>

<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black" 
style="width:200px;" type="submit" name="mood" value="Happy" />
</form>
</div>

<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black" 
style="width:200px;" type="submit" name="mood" value="Neutral" />
</form>
</div>

<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black" 
style="width:200px;" type="submit" name="mood" value="Sad" />
</form>
</div>

<div class="w3-display-container" style="height:50px;">
<form action = "/mood" method = "post">
<input class="w3-button w3-display-middle w3-black" 
style="width:200px;" type="submit" name="mood" value="Very Sad" />
</form>
</div>