React and ToChoose Functions for a Menu for All Browsers

Now let's look at the peculiarities. First, know that you can set the cell background color of any of the five browsers we are using (to test the code), using the name of the color (e.g. brown or firebrick). However, when you ask the browsers to return the cell background color, they return the color in different ways.

Internet Explorer, Mozilla Firefox and Netscape return the name of the color. This is what is convenient and it is what we like.

Opera returns the color in hexadecimal form and with small alphabet letters (e.g. #b22222).

Safari returns the color in rgb-decimal form (e.g. rgb(178, 34, 34)).

In order to take account of these three different situations (color by name, color by hexadecimal or color by rgb-decimal), the if-condition tests for these three different return types, using an or-expression. Look at the if-condition in the code earlier in this article to appreciate what I have just said.

So the particularity of the Internet Explorer, Mozilla Firefox and Netscape browsers has been taken into consideration. The particularity of Opera (and any other browser that may behave like it, forming a group) has been taken into consideration. And lastly, the particularity of Safari (and any other browser that may behave like it, forming a group) has been taken into consideration.

Fortunately, the code segment for this is very short, and it is as if all of our code works with all browsers.

Let us take a break. In the next part we shall look at the last of the JavaScript functions.