local html page to see and record changes over svg image

please see the attach page, on the right to find two tables with some lists (a code, a description, an associated image or an associated color, repair cost, etc.) when you click on an item in the list, then clicks on one of the blocks on the left, then the block takes the color or image that corresponds to the selected list item and immediately fills the bottom of the page list the selections marked on the images svg. see bottom of the page list to detail the contents of each column) There are also two buttons to save to a text file and one to read the same file. I have a budget for this work maximum U.S. $ 70 thanks