我有一个包含5个用户输入字段的网页（1个文本，3个数字和一个用于提交输入的按钮），我有一个ruby文件，需要来自这些输入的数据来运行脚本并生成自定义值。执行此操作后，我想将这些值（存储在数组中的颜色十六进制代码）返回到HTML页面，并将该页面上单独元素的颜色更改为存储的十六进制代码值（它们当前的样式为CSS）。我将尝试在下面绘制一个示例:(我正在使用 - 作为格式化的空行）
Index.html.erb
<div class="element_one">Change my colour to output[0]!</div>
<div class="element_two">Change my colour to output[1]!</div>
etc..
-
<input class="text_input" id="input1" type="text" />
<label for="input1">Input Text</label>
-
<input class="num_input" id="input2" type="number" />
<label for="input2">Input Num</label>
-
<input class="num_input" id="input3" type="number" />
<label for="input3">Input Num</label>
-
<input class="num_input" id="input4" type="number" />
<label for="input4">Input Num</label>
-
<button class="button" id="generate" type="button"/>
<label for="button">icon</label>
所以'input1'到'input4'需要发送到下面的ruby文件app / lib / colorgen.rb（我相信这是把它放进的正确目录）然后用在我当前的位置 print“在这里输入”input = gets.chomp 占位符。
colorgen.rb
print "Input1 here: "
input_one = gets.chomp.downcase
--code based on input_one--
等。通过input_four。
generated_results = (hex_one, hex_two, hex_three...)
然后，需要将generated_results中存储的十六进制颜色值应用于index.html.erb中每个div中的元素。
我知道我需要为此使用AJAX，但我发现的教程假设我没有先验知识，并使用自定义占位符术语，当我谷歌它们时不提供结果。