Javascript if/else onclick?

javascript

Solution

First, change:

<div class="content>

to

<div id="content">

then (without using a library like jQuery):

var showThis = function(caller){
    switch(caller){
        case "test1":
            document.getElementById("content").innerHTML = "Your content here";
            break;
        case "test2":
            document.getElementById("content").innerHTML = "Your other message";
            break;
        default:
            break; // here just in case you need it
    }
}

Problem

The following div's are displayed onclick. How can I make it display a different message in the div "content" depending onclick. I already have the javascript to display the div's Test1 and Test2. I just wanted to add the ability to also add a message to the div "content". Sorry for the confusion. ``` <a href="" onclick="showThis('test1');return false;">Test 1</a> <div class="test1"> <p>some content</p> </div> <a href="" onclick="showThis('test2');return false;">Test 2</a> <div class="test2"> <p>some content</p> </div> <div id="content"> <!-- if clicked on Test 1, display some message. And if clicked on Test 2, display some other message --> </div> ```

Original source