Word of advice, don't mix html and java. Java platforms can't read html. You're gonna have to implement it properly.

since he use it the way he does it can still work together

It'd always work better if you implement it without changing the script. I'd say your best best is to actually google your issue and ask on actual programming forums.

You need to do it separately where you have one HTML file and one Javascript file where you define the function and where you link the script.

<script type="text/javascript" src="nameofyourjavascripthere"></script>

At least that's if you wanna make a webpage out of it, but you don't even have a Doctype so I don't really know what you are doing.
Besides, I haven't worked with Java per se, only made some functions for registering and logging in on sites with Javascript. Don't know if it matters.

Not much makes me register on a board just to help someone randomly, but when you use the <font> tag I pretty much cannot resist wiping that atrocity of a tag from the face of the planet.

Few things first:
1.) Learn jQuery, it's basically a go-to with Javascript these days. Changing an image's source is literally:


2.) Use the <span> tag, the <font> tag is heresy and should be treated as such.


3.) Instead of an if for each name, if they're all the same value, do this:



The double pipe means OR.

I'm not going to do this for you albeit, you won't benefit from it otherwise.

Oh, and on another note, Fred is right you can do it via two files, but it's unnecessary for something so little.