If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Simple site aplication example needed in Javascript

Hello guys!
Thanks for taking the time on reading this.
Let me explain to you what I need.
I'm really new at programming javascriot (I started lessons only a few days ago with a site calles Codeacademy). I want to make a simple site with an application but I'm getting really frustrated on it.
What i need is the following: I need an application that allows the user to select from options A B and/or C from checkmarks and that when the option is clicked some text appears and then that allows the user to click on COPY to clipboard.
Let me give you an example:

----------------------------------------
What would you like to eat? (Choose one or more options)

Even if you cannot solve this with JS yourself, you could at least help us by designing the HTML / CSS portion of your problem.
Then we could show you where the JS changes would be placed to accomplish your task.
It is easier for us to fix your script than it is to design it from scratch. Plus it will help you to see the interactions of the JS and HTML.

GOD!
I freaking suck
every time I try to add a new option to the app I screw what was done before
now I want to add the stupidest thing:
I need the user to input some text and that text to be added to the previous options
let me graphic that
-----------------------------------------------------------
What would you like to eat? (Choose one or more options)
(INPUT TEXT FROM USER): [No desert for me please]

(X) Italian food
() Meat
(X) Something that swims

You want to eat
[No potatoes for me please]-Pasta / Fish
[COPY]

After adding this not only I have the problem that newtext will not show on TArea but also the selections from the checkboxes will not work

You have several problems. Some could be solved by looking at the error console if you are using FF or Chrome browsers.

First off, JS is case sensitive.
You can not define an element, for example <div> to have an id='foodoptions'
but then try to reference it with the getElementById('foodOptions').

Next you need to know that the document.myform.newtext.value is not defined if your form is named 'myForm'
Plus, the <form> tag I supplied did not use the name= option, so the reference is totally invalid.
name = has been deprecated, which is why I used the id="myForm" definition with the document.getElementById retrieval method.

Finally, you changed the <form> tag by removing the action definition. It needs to do something when the form validates.
You tell it do submit, but there is nothing to submit to. Boom ... you die again if you were playing an RPG!

It is also better for coding purposes that you define the problem fully and code to your needs.
It is somewhat wasted effort if you change the requirements mid-stream and need to recode previous working code.

So, bottom line, give it another try and let's see the changes you come up with.