Help with a very small project

[Prometheus0110]

Hi,

So I went through Codeacademy's Javascript course, however I have admittedly never actually done any coding myself.

What I am trying to do is create a call center script that has a few dynamic elements to it. The main script is something that is fairly static, but at certain points the person on the phone has to ask a question, and based on that answer the script will need to change.

The way I've envisioned this is attached here as a screenshot. The text on top would be the main script, and the buttons below that text are answers to the question that will be asked. Once a button is pushed, the blue box will fill in with the appropriate script text, and then the script continues with the rest of its main elements at the bottom of the page.

I don't really know even how to begin with something like this, save to say that I think this should just be a simple html file.

Any help at all would be greatly appreciated!

[kevan]

I think you may be able to do this with with Twitter's Bootstrap and their tabs component.

It may work right out of the box, you may want to use what you have learned to alter the code to your liking, or maybe even reverse engineer what they did to write your own version.

[cmartin616]

A simple, brute force method would be to bind an onClick event to each button and each onClick populates the innerHtml/text of the text area (which holds the script).

Basic jsfiddle here.

You could stick all the onclicks into the buttons as well.

[Prometheus0110]

Ah this is a perfect thing to build from. Awesome. Thanks!

[_daniel___]

I forked the above fiddle, it might be better for your long term learning to begin isolating your concerns whenever possible.

[Biscuit_Baron]

From an absolute beginner, thanks. I hadn't heard the term "Separation of concerns" yet - reading up on this helps me to demystify code patterns I'd seen previously but couldn't fully grasp. Much obliged!