Initializing...
Liveweave
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
build
Tools
expand_more
restart_alt
Load base template
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<doctype html> <head> <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'> <style> .project_wrapper{ display: inline; } .inputter, .current_recipe{ border-style: solid; border-color: grey; border-width: 5px 0px; width: 700px; height: 700px; margin: 0px; float: left; font-family: 'Roboto Condensed', sans-serif; color: darkgrey; font-size: 40px; text-align: center; } .inputter{ border-width: 5px 5px 5px 0px; } .inputter_title, .current_title{ border-style: solid; border-color: grey; border-width: 0px 0px 5px 0px; } </style> </head> <body> <div class="project_wrapper"> <div class="inputter"> <div class="inputter_title" id="left-messenger"> </div> <br> <form> <div class="input_recipe_name"> <input type="text" name="nameofingredient" style="height: 40px; width: 400px; font-size: 30px;" placeholder="R E C I P E N A M E" id="recipename"> </div> <div class="input_serving" style="font-size: 35px"> Serves <input type="number" name="numberofpeople" min=0 style="height: 25px;" id="numberofpeople"> People </div> <hr> <div style="font-size: 35px;"> Ingredients </div> <div class="input_ingredients_list"> <div class="input_ingredients_one" style="font-size: 20px;"> <input type="number" name="numberofingredient_one" id="id_noi_one" min=0 style="height: 30px;"> <select name="units_one" style="height: 30px;" id="uni_one"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_one" style="height: 30px;" id="nameofingredient_one"> </div> <div class="input_ingredients_two" style="font-size: 20px;"> <input type="number" name="numberofingredient_two" id="id_noi_two" min=0 style="height: 30px;"> <select name="units_two" style="height: 30px;" id="uni_two"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_two" style="height: 30px;" id="nameofingredient_two"> </div> <div class="input_ingredients_three" style="font-size: 20px;"> <input type="number" name="numberofingredient_three" id="id_noi_three" min=0 style="height: 30px;"> <select name="units_three" style="height: 30px;" id="uni_three"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_three" style="height: 30px;" id="nameofingredient_three"> </div> <div class="input_ingredients_four" style="font-size: 20px;"> <input type="number" name="numberofingredient_four" id="id_noi_four" min=0 style="height: 30px;"> <select name="units_four" style="height: 30px;" id="uni_four"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_four" style="height: 30px;" id="nameofingredient_four"> </div> <div class="input_ingredients_five" style="font-size: 20px;"> <input type="number" name="numberofingredient_five" id="id_noi_five" min=0 style="height: 30px;"> <select name="units_five" style="height: 30px;" id="uni_five"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_five" style="height: 30px;" id="nameofingredient_five"> </div> <div class="input_ingredients_six" style="font-size: 20px;"> <input type="number" name="numberofingredient_six" id="id_noi_six" min=0 style="height: 30px;"> <select name="units_six" style="height: 30px;" id="uni_six"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_six" style="height: 30px;" id="nameofingredient_six"> </div> <div class="input_ingredients_seven" style="font-size: 20px;"> <input type="number" name="numberofingredient_seven" id="id_noi_seven" min=0 style="height: 30px;"> <select name="units_seven" style="height: 30px;" id="uni_seven"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_seven" style="height: 30px;" id="nameofingredient_seven"> </div> <div class="input_ingredients_eight" style="font-size: 20px;"> <input type="number" name="numberofingredient_eight" id="id_noi_eight" min=0 style="height: 30px;"> <select name="units_eight" style="height: 30px;" id="uni_eight"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_eighth" style="height: 30px;" id="nameofingredient_eight"> </div> <div class="input_ingredients_nine" style="font-size: 20px;"> <input type="number" name="numberofingredient_nine" id="id_noi_nine" min=0 style="height: 30px;"> <select name="units_nine" style="height: 30px;" id="uni_nine"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_nine" style="height: 30px;" id="nameofingredient_nine"> </div> <div class="input_ingredients_ten" style="font-size: 20px;"> <input type="number" name="numberofingredient_ten" id="id_noi_ten" min=0 style="height: 30px;"> <select name="units_ten" style="height: 30px;" id="uni_ten"> <option value=" "> </option> <option value="grams">grams</option> <option value="kilograms">kilograms</option> <option value="teaspoons">teaspoons</option> <option value="tablespoons">tablespoons</option> <option value="ounces">ounces</option> <option value="pints">pints</option> <option value="millilitres">millilitres</option> <option value="litres">litres</option> </select> of <input type="text" name="nameofingredient_ten" style="height: 30px;" id="nameofingredient_ten"> </div> <input type="button" onclick="export_data()" style="font-size: 20px;" value="Submit"> </form> <div> <input type="number" name="changenumber" id="number_of_people_changer" min=0 style="height: 30px;"> <input type="button" onclick="revisenumbers()" style="font-size: 20px" value="Revise measurements"> </div> </div> </div> <div class="current_recipe"> <div class="current_title" id="right-messenger"> </div> <br> <div class="output_recipe_name" id="output_recipe_name"> O U T P U T R E C I P E N A M E </div> <div class="output_serving" style="font-size: 35px"> Serves <span id="countofpeople">#</span> People </div> <p style="font-size: 30px;"> Ingredients</p> <div class="output_ingredients_list" style="font-size: 30px;"> <div id="output_ingredients_one"> </div> <div id="output_ingredients_two"> </div> <div id="output_ingredients_three"> </div> <div id="output_ingredients_four"> </div> <div id="output_ingredients_five"> </div> <div id="output_ingredients_six"> </div> <div id="output_ingredients_seven"> </div> <div id="output_ingredients_eight"> </div> <div id="output_ingredients_nine"> </div> <div id="output_ingredients_ten"> </div> </div> </div> </div> <script> function export_data() { document.getElementById("left-messenger").innerHTML = " "; var name_of_recipe = document.getElementById("recipename").value document.getElementById("output_recipe_name").innerHTML = name_of_recipe; var numberofpeeps = document.getElementById("numberofpeople").value; document.getElementById("countofpeople").innerHTML = numberofpeeps; if (/^[a-zA-Z ]+$/.test(name_of_recipe) && /^[0-9]+$/.test(numberofpeeps)){ var noi_one = document.getElementById("id_noi_one").value; var uni_one = document.getElementById("uni_one").value; var name_ingredient_one = document.getElementById("nameofingredient_one").value; if (noi_one.length > 0 && uni_one.length > 0 && name_ingredient_one.length > 0){ if (/^[0-9]+$/.test(noi_one)) { document.getElementById("output_ingredients_one").innerHTML = noi_one; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_one").innerHTML += " " + uni_one; if (uni_one != " "){ document.getElementById("output_ingredients_one").innerHTML += " of"; } if (/^[a-zA-Z ]+$/.test(name_ingredient_one)) { document.getElementById("output_ingredients_one").innerHTML += " " + name_ingredient_one; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_one.length == 0 && name_ingredient_one.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_two = document.getElementById("id_noi_two").value; var uni_two = document.getElementById("uni_two").value; var name_ingredient_two = document.getElementById("nameofingredient_two").value; if (noi_two.length > 0 && uni_two.length > 0 && name_ingredient_two.length > 0){ if (/^[0-9]+$/.test(noi_two)) { document.getElementById("output_ingredients_two").innerHTML = noi_two; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_two").innerHTML += " " + uni_two; if (uni_two != " "){ document.getElementById("output_ingredients_two").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_two)) { document.getElementById("output_ingredients_two").innerHTML += " " + name_ingredient_two; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_two.length == 0 && name_ingredient_two.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_three = document.getElementById("id_noi_three").value; var uni_three = document.getElementById("uni_three").value; var name_ingredient_three = document.getElementById("nameofingredient_three").value; if (noi_three.length > 0 && uni_three.length > 0 && name_ingredient_three.length > 0){ if (/^[0-9]+$/.test(noi_three)) { document.getElementById("output_ingredients_three").innerHTML = noi_three; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_three").innerHTML += " " + uni_three; if (uni_three != " "){ document.getElementById("output_ingredients_three").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_three)) { document.getElementById("output_ingredients_three").innerHTML += " " + name_ingredient_three; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_three.length == 0 && name_ingredient_three.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_four = document.getElementById("id_noi_four").value; var uni_four = document.getElementById("uni_four").value; var name_ingredient_four = document.getElementById("nameofingredient_four").value; if (noi_four.length > 0 && uni_four.length > 0 && name_ingredient_four.length > 0){ if (/^[0-9]+$/.test(noi_four)) { document.getElementById("output_ingredients_four").innerHTML = noi_four; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_four").innerHTML += " " + uni_four; if (uni_four != " "){ document.getElementById("output_ingredients_four").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_four)) { document.getElementById("output_ingredients_four").innerHTML += " " + name_ingredient_four; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_four.length == 0 && name_ingredient_four.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_five = document.getElementById("id_noi_five").value; var uni_five = document.getElementById("uni_five").value; var name_ingredient_five = document.getElementById("nameofingredient_five").value; if (noi_five.length > 0 && uni_five.length > 0 && name_ingredient_five.length > 0){ if (/^[0-9]+$/.test(noi_five)) { document.getElementById("output_ingredients_five").innerHTML = noi_five; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_five").innerHTML += " " + uni_five; if (uni_five != " "){ document.getElementById("output_ingredients_five").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_five)) { document.getElementById("output_ingredients_five").innerHTML += " " + name_ingredient_five; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; } else if (noi_five.length == 0 && name_ingredient_five.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_six = document.getElementById("id_noi_six").value; var uni_six = document.getElementById("uni_six").value; var name_ingredient_six = document.getElementById("nameofingredient_six").value; if (noi_six.length > 0 && uni_six.length > 0 && name_ingredient_six.length > 0){ if (/^[0-9]+$/.test(noi_six)) { document.getElementById("output_ingredients_six").innerHTML = noi_six; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_six").innerHTML += " " + uni_six; if (uni_six != " "){ document.getElementById("output_ingredients_six").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_six)) { document.getElementById("output_ingredients_six").innerHTML += " " + name_ingredient_six; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_six.length == 0 && name_ingredient_six.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_seven = document.getElementById("id_noi_seven").value; var uni_seven = document.getElementById("uni_seven").value; var name_ingredient_seven = document.getElementById("nameofingredient_seven").value; if (noi_seven.length > 0 && uni_seven.length > 0 && name_ingredient_seven.length > 0){ if (/^[0-9]+$/.test(noi_seven)) { document.getElementById("output_ingredients_seven").innerHTML = noi_seven; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_seven").innerHTML += " " + uni_seven; if (uni_seven != " "){ document.getElementById("output_ingredients_seven").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_seven)) { document.getElementById("output_ingredients_seven").innerHTML += " " + name_ingredient_seven; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_seven.length == 0 && name_ingredient_seven.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_eight = document.getElementById("id_noi_eight").value; var uni_eight = document.getElementById("uni_eight").value; var name_ingredient_eight = document.getElementById("nameofingredient_eight").value; if (noi_eight.length > 0 && uni_eight.length > 0 && name_ingredient_eight.length > 0){ if (/^[0-9]+$/.test(noi_eight)) { document.getElementById("output_ingredients_eight").innerHTML = noi_eight; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_eight").innerHTML += " " + uni_eight; if (uni_eight != " "){ document.getElementById("output_ingredients_eight").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_eight)) { document.getElementById("output_ingredients_eight").innerHTML += " " + name_ingredient_eight; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_eight.length == 0 && name_ingredient_eight.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_nine = document.getElementById("id_noi_nine"); var uni_nine = document.getElementById("uni_nine").value; var name_ingredient_nine = document.getElementById("nameofingredient_nine").value; if (noi_nine.length > 0 && uni_nine.length > 0 && name_ingredient_nine.length > 0){ if (/^[0-9]+$/.test(noi_nine)) { document.getElementById("output_ingredients_nine").innerHTML = noi_nine.value; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_nine").innerHTML += " " + uni_nine; if (uni_nine != " "){ document.getElementById("output_ingredients_nine").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_nine)) { document.getElementById("output_ingredients_nine").innerHTML += " " + name_ingredient_nine; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_nine.length == 0 && name_ingredient_nine.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_ten = document.getElementById("id_noi_ten").value; var uni_ten = document.getElementById("uni_ten").value; var name_ingredient_ten = document.getElementById("nameofingredient_ten").value; if (noi_ten.length > 0 && uni_ten.length > 0 && name_ingredient_ten.length > 0){ if (/^[0-9]+$/.test(noi_ten)) { document.getElementById("output_ingredients_ten").innerHTML = noi_ten; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_ten").innerHTML += " " + uni_ten; if (uni_ten != " "){ document.getElementById("output_ingredients_ten").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_ten)) { document.getElementById("output_ingredients_ten").innerHTML += " " + name_ingredient_ten; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_ten.length == 0 && name_ingredient_ten.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; }; }; function revisenumbers() { var name_of_recipe = document.getElementById("recipename").value; var numberofpeeps = document.getElementById("numberofpeople").value; document.getElementById("output_recipe_name").innerHTML = name_of_recipe; if (/^[a-zA-Z ]+$/.test(name_of_recipe) && /^[0-9]+$/.test(numberofpeeps)){ document.getElementById("left-messenger").innerHTML = " "; var change_to = document.getElementById("number_of_people_changer").value; var multiplier = ((parseInt(change_to, 10)) / (parseInt(numberofpeeps, 10))); document.getElementById("countofpeople").innerHTML = (parseInt(numberofpeeps, 10)*multiplier).toString(); var noi_one = document.getElementById("id_noi_one").value; var uni_one = document.getElementById("uni_one").value; var name_ingredient_one = document.getElementById("nameofingredient_one").value; if (noi_one.length > 0 && uni_one.length > 0 && name_ingredient_one.length > 0){ if (/^[0-9]+$/.test(noi_one)) { document.getElementById("output_ingredients_one").innerHTML = parseInt(noi_one, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_one").innerHTML += " " + uni_one; if (uni_one != " "){ document.getElementById("output_ingredients_one").innerHTML += " of"; } if (/^[a-zA-Z ]+$/.test(name_ingredient_one)) { document.getElementById("output_ingredients_one").innerHTML += " " + name_ingredient_one; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_one.length == 0 && name_ingredient_one.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_two = document.getElementById("id_noi_two").value; var uni_two = document.getElementById("uni_two").value; var name_ingredient_two = document.getElementById("nameofingredient_two").value; if (noi_two.length > 0 && uni_two.length > 0 && name_ingredient_two.length > 0){ if (/^[0-9]+$/.test(noi_two)) { document.getElementById("output_ingredients_two").innerHTML = parseInt(noi_two, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_two").innerHTML += " " + uni_two; if (uni_two != " "){ document.getElementById("output_ingredients_two").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_two)) { document.getElementById("output_ingredients_two").innerHTML += " " + name_ingredient_two; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_two.length == 0 && name_ingredient_two.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_three = document.getElementById("id_noi_three").value; var uni_three = document.getElementById("uni_three").value; var name_ingredient_three = document.getElementById("nameofingredient_three").value; if (noi_three.length > 0 && uni_three.length > 0 && name_ingredient_three.length > 0){ if (/^[0-9]+$/.test(noi_three)) { document.getElementById("output_ingredients_three").innerHTML = parseInt(noi_three, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_three").innerHTML += " " + uni_three; if (uni_three != " "){ document.getElementById("output_ingredients_three").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_three)) { document.getElementById("output_ingredients_three").innerHTML += " " + name_ingredient_three; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_three.length == 0 && name_ingredient_three.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_four = document.getElementById("id_noi_four").value; var uni_four = document.getElementById("uni_four").value; var name_ingredient_four = document.getElementById("nameofingredient_four").value; if (noi_four.length > 0 && uni_four.length > 0 && name_ingredient_four.length > 0){ if (/^[0-9]+$/.test(noi_four)) { document.getElementById("output_ingredients_four").innerHTML = parseInt(noi_four, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_four").innerHTML += " " + uni_four; if (uni_four != " "){ document.getElementById("output_ingredients_four").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_four)) { document.getElementById("output_ingredients_four").innerHTML += " " + name_ingredient_four; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_four.length == 0 && name_ingredient_four.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_five = document.getElementById("id_noi_five").value; var uni_five = document.getElementById("uni_five").value; var name_ingredient_five = document.getElementById("nameofingredient_five").value; if (noi_five.length > 0 && uni_five.length > 0 && name_ingredient_five.length > 0){ if (/^[0-9]+$/.test(noi_five)) { document.getElementById("output_ingredients_five").innerHTML = parseInt(noi_five, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_five").innerHTML += " " + uni_five; if (uni_five != " "){ document.getElementById("output_ingredients_five").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_five)) { document.getElementById("output_ingredients_five").innerHTML += " " + name_ingredient_five; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; } else if (noi_five.length == 0 && name_ingredient_five.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_six = document.getElementById("id_noi_six").value; var uni_six = document.getElementById("uni_six").value; var name_ingredient_six = document.getElementById("nameofingredient_six").value; if (noi_six.length > 0 && uni_six.length > 0 && name_ingredient_six.length > 0){ if (/^[0-9]+$/.test(noi_six)) { document.getElementById("output_ingredients_six").innerHTML = parseInt(noi_six, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_six").innerHTML += " " + uni_six; if (uni_six != " "){ document.getElementById("output_ingredients_six").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_six)) { document.getElementById("output_ingredients_six").innerHTML += " " + name_ingredient_six; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_six.length == 0 && name_ingredient_six.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_seven = document.getElementById("id_noi_seven").value; var uni_seven = document.getElementById("uni_seven").value; var name_ingredient_seven = document.getElementById("nameofingredient_seven").value; if (noi_seven.length > 0 && uni_seven.length > 0 && name_ingredient_seven.length > 0){ if (/^[0-9]+$/.test(noi_seven)) { document.getElementById("output_ingredients_seven").innerHTML = parseInt(noi_seven, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_seven").innerHTML += " " + uni_seven; if (uni_seven != " "){ document.getElementById("output_ingredients_seven").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_seven)) { document.getElementById("output_ingredients_seven").innerHTML += " " + name_ingredient_seven; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_seven.length == 0 && name_ingredient_seven.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_eight = document.getElementById("id_noi_eight").value; var uni_eight = document.getElementById("uni_eight").value; var name_ingredient_eight = document.getElementById("nameofingredient_eight").value; if (noi_eight.length > 0 && uni_eight.length > 0 && name_ingredient_eight.length > 0){ if (/^[0-9]+$/.test(noi_eight)) { document.getElementById("output_ingredients_eight").innerHTML = parseInt(noi_eight, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_eight").innerHTML += " " + uni_eight; if (uni_eight != " "){ document.getElementById("output_ingredients_eight").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_eight)) { document.getElementById("output_ingredients_eight").innerHTML += " " + name_ingredient_eight; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_eight.length == 0 && name_ingredient_eight.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_nine = document.getElementById("id_noi_nine"); var uni_nine = document.getElementById("uni_nine").value; var name_ingredient_nine = document.getElementById("nameofingredient_nine").value; if (noi_nine.length > 0 && uni_nine.length > 0 && name_ingredient_nine.length > 0){ if (/^[0-9]+$/.test(noi_nine)) { document.getElementById("output_ingredients_nine").innerHTML = parseInt(noi_nine, 10).value*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_nine").innerHTML += " " + uni_nine; if (uni_nine != " "){ document.getElementById("output_ingredients_nine").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_nine)) { document.getElementById("output_ingredients_nine").innerHTML += " " + name_ingredient_nine; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_nine.length == 0 && name_ingredient_nine.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; var noi_ten = document.getElementById("id_noi_ten").value; var uni_ten = document.getElementById("uni_ten").value; var name_ingredient_ten = document.getElementById("nameofingredient_ten").value; if (noi_ten.length > 0 && uni_ten.length > 0 && name_ingredient_ten.length > 0){ if (/^[0-9]+$/.test(noi_ten)) { document.getElementById("output_ingredients_ten").innerHTML = parseInt(noi_ten, 10)*multiplier; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; }; document.getElementById("output_ingredients_ten").innerHTML += " " + uni_ten; if (uni_ten != " "){ document.getElementById("output_ingredients_ten").innerHTML += " of"; } if (/^[a-zA-Z]+$/.test(name_ingredient_ten)) { document.getElementById("output_ingredients_ten").innerHTML += " " + name_ingredient_ten; } else { document.getElementById("left-messenger").innerHTML = "You did not submit the form properly."; } } else if (noi_ten.length == 0 && name_ingredient_ten.length == 0){ } else { document.getElementById("left-messenger").innerHTML = "You did not enter in an ingredient properly." }; }; } </script> </body> </html>
// Write JavaScript here