function build_ingredient_row() { var ingredient_row_outer_div = document.createElement("div"); ingredient_row_outer_div.setAttribute("class", "row"); var ingredient_row_amount_div = document.createElement("div"); ingredient_row_amount_div.setAttribute("class", "col s2 m1"); var ingredient_amount_input = document.createElement("input"); ingredient_amount_input.setAttribute("class", "center-align"); ingredient_amount_input.setAttribute("type", "text"); ingredient_amount_input.setAttribute("name", "amount[]"); ingredient_row_amount_div.appendChild(ingredient_amount_input); var ingredient_row_measure_div = document.createElement("div"); ingredient_row_measure_div.setAttribute("class", "col s2 m1"); var ingredient_measure_input = document.createElement("input"); ingredient_measure_input.setAttribute("class", "center-align"); ingredient_measure_input.setAttribute("type", "text"); ingredient_measure_input.setAttribute("name", "measure[]"); ingredient_row_measure_div.appendChild(ingredient_measure_input); var ingredient_row_ingredient_div = document.createElement("div"); ingredient_row_ingredient_div.setAttribute("class", "col s8 m10"); var ingredient_ingredient_input = document.createElement("input"); ingredient_ingredient_input.setAttribute("type", "text"); ingredient_ingredient_input.setAttribute("name", "ingredient[]"); ingredient_row_ingredient_div.appendChild(ingredient_ingredient_input); ingredient_row_outer_div.appendChild(ingredient_row_amount_div); ingredient_row_outer_div.appendChild(ingredient_row_measure_div); ingredient_row_outer_div.appendChild(ingredient_row_ingredient_div); return ingredient_row_outer_div; } function add_more_ingredients() { var ingredients_node = document.getElementById("input_fields_for_ingredients"); var ingredients_button_node = document.getElementById("add_ingredients_button"); ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); ingredients_node.insertBefore(build_ingredient_row(), ingredients_button_node); } function build_preparation_input() { var preparation_input = document.createElement("input"); preparation_input.setAttribute("type", "text"); preparation_input.setAttribute("name", "preparation[]"); return preparation_input; } function add_more_preparation() { var preparations_node = document.getElementById("input_fields_for_preparation"); var preparations_button_node = document.getElementById("add_preparation_button"); preparations_node.insertBefore(build_preparation_input(), preparations_button_node); preparations_node.insertBefore(build_preparation_input(), preparations_button_node); preparations_node.insertBefore(build_preparation_input(), preparations_button_node); }