JavaScript - New Guy Needs Basic Help

Can't seem to delete.

http://i50.tinypic.com/2njcxn5.png

basically.. a button that changes the color of that box.. the font to bold.. and changes a frame from two search engine websites.

I have this code, (a snippet of it below) which works, but how can I simplify it instead of repeating all the same code for the 12 different checks I have to run.

If whatColor == A1 I need the search variable to equal fashion
If whatColor == A2 I need the search variable to equal photography
etc.

Thanks

Code:

 if (whatColor == 'A1') {
 /*  search: 'fashion', */
new TWTR.Widget({
  version: 2, 
  type: 'search',
   search: 'fashion',
   interval: 2000, title: '', subject: '', width: 310, height: 240,
  theme: {
    shell: {
      background: '#edecee', color: '#444444'
    },
    tweets: {
      background: '#edecee', color: '#444444', links: '#e80f45'
    }
  },
  features: {
    scrollbar: true, loop: false, live: true, hashtags: true, timestamp: true, avatars: true,
    behavior: 'all'
  }
}).render().start();
 } else if (whatColor == 'A2') {
 /*  search: 'photography', */
new TWTR.Widget({
  version: 2, 
  type: 'search',
   search: 'photography',
   interval: 2000, title: '', subject: '', width: 310, height: 240,
  theme: {
    shell: {
      background: '#edecee', color: '#444444'
    },
    tweets: {
      background: '#edecee', color: '#444444', links: '#e80f45'
    }
  },
  features: {
    scrollbar: true, loop: false, live: true, hashtags: true, timestamp: true, avatars: true,
    behavior: 'all'
  }
}).render().start();

The Code, is from a twitter widget that pulls a twitter feed based on the search variable. This is the code straight from twitter.

Code:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'photography',
  interval: 2000,
  title: '',
  subject: '',
  width: 310,
  height: 240,
  theme: {
    shell: {
      background: '#edecee',
      color: '#444444'
    },
    tweets: {
      background: '#edecee',
      color: '#444444',
      links: '#e80f45'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().start();
</script>

hey guys,
i know this really hot girl and need to make her think we are right for eachother, to do this i need to 'tweak' a lovetest. i know the love test's answer depends on the number of the letters L,O,V,E,Y,O,U but i need an if function that adds up both name boxes and adds to 100%. here is code:

// Made by ADAM - roflmao456

var test = '';


function checkLove(){
var l1 = test.GetControlText('love1');
var l2 = test.GetControlText('love2');

first = l1.toUpperCase();
firstlength = l1.length;
second = l2.toUpperCase();
secondlength = l2.length;
var LoveCount=0;

for (Count=0; Count < firstlength; Count++) {
letter1=first.substring(Count,Count+1);
if (letter1=='L') LoveCount+=2;
if (letter1=='O') LoveCount+=2;
if (letter1=='V') LoveCount+=2;
if (letter1=='E') LoveCount+=2;
if (letter1=='Y') LoveCount+=3;
if (letter1=='O') LoveCount+=1;
if (letter1=='U') LoveCount+=3;
}


for (Count=0; Count < secondlength; Count++) {
letter2=second.substring(Count,Count+1);
if (letter2=='L') LoveCount+=2;
if (letter2=='O') LoveCount+=2;
if (letter2=='V') LoveCount+=2;
if (letter2=='E') LoveCount+=2;
if (letter2=='Y') LoveCount+=3;
if (letter2=='O') LoveCount+=1;
if (letter2=='U') LoveCount+=3;
}

amount=0;
if (LoveCount> 0) amount= 5-((firstlength+secondlength)/2)
if (LoveCount> 2) amount= 10-((firstlength+secondlength)/2)
if (LoveCount> 4) amount= 20-((firstlength+secondlength)/2)
if (LoveCount> 6) amount= 30-((firstlength+secondlength)/2)
if (LoveCount> 8) amount= 40-((firstlength+secondlength)/2)
if (LoveCount>10) amount= 50-((firstlength+secondlength)/2)
if (LoveCount>12) amount= 60-((firstlength+secondlength)/2)
if (LoveCount>14) amount= 70-((firstlength+secondlength)/2)
if (LoveCount>16) amount= 80-((firstlength+secondlength)/2)
if (LoveCount>18) amount= 90-((firstlength+secondlength)/2)
if (LoveCount>20) amount=100-((firstlength+secondlength)/2)
if (LoveCount>22) amount=110-((firstlength+secondlength)/2)

if (firstlength==0 || secondlength==0) amount= "Err";
if (amount < 0) amount= 0;
if (amount >99) amount=99;

test.SetControlText('loveOutput',amount+"%");
return "[c=12]"+test.GetControlText('love1')+"[/c] + [c=29]"+test.GetControlText('love2')+"[/c] = [c=3]"+amount+"[/c]%";
}

function OnGetScriptMenu(){
var ScriptMenu = "<ScriptMenu>";
ScriptMenu += "<MenuEntry Id='lovetest'>";
ScriptMenu += "Love Test";
ScriptMenu += "</MenuEntry>";
ScriptMenu += "</ScriptMenu>";
return ScriptMenu;
}

function OnEvent_MenuClicked(sMenuId){
if(sMenuId == "lovetest") {test = MsgPlus.CreateWnd("windows.xml","tester");}
}

function sendResult(){
for (var e = new Enumerator(Messenger.CurrentChats); !e.atEnd(); e.moveNext()){
if(test.GetControlText('love1')){
if(test.GetControlText('love2')){
e.item().SendMessage(checkLove());
} else {
MsgPlus.DisplayToast("Love Test","Please enter in something in box 2.");
}
} else {
MsgPlus.DisplayToast("Love Test","Please enter in something in box 1.")
}}}


function OntesterEvent_CtrlClicked(PlusWnd, ControlId){
if(ControlId == "startTest") {checkLove();}
else if(ControlId == "sendResults") {sendResult();}
else if(ControlId == "BtnClose") {PlusWnd.Close(1);}
}

END OF CODE

please reply with a fixed script with a line like %=50+50 or something so the output is 100%. thanks

Hey guys! New user here and I just need a little help with some basic Javascript

I must write a function that 'shows' the corresponding part of the form depending on what the user has selected.

So... for example, if I select 'Pizza', the div #section2 with the question about Pizza type should be shown.

All the sections that are not selected should be hidden. For example, if 'Mexican' is selected, the sections for 'Pizza' and 'Thai' should be hidden.

I want this function to also display a message in the JavaScript console indicating which food type is selected. Apparently I'm supposed to use 'console.log("")'???

I'm using an external javascript file called prac8.js
If anyone has any idea how to do this I'd be very greatful
Code:

<!DOCTYPE html>

<html>
<head>
	<title>Prac 8 example</title>

<script type="text/Javascript" src="prac8.js"></script>

<style>
	#section2, #section3, #section4 {
		display:none; border:1px solid gray; padding:8px; margin-top:12px; width:400px;
		}
	#dessertmsg {
		color:green;
		}
</style>

</head>

<body>

<h1>Prac 8 example</h1>

<h2>A Food Survey</h2>

<form id="survey" action="#" method="post">
	
	<div id="section1">
		<label for="food">What is your favourite type of food?</label>
		<select id="food" onchange="selection()">
			<option value="pizza">Pizza</option>
			<option value="mex">Mexican</option>
			<option value="thai">Thai</option>
		</select>
	</div>
	<div id="section2">
		What is your favourite type of pizza?<br>
		<label for="hawaiian">Hawaiian</label><input type="radio" id="hawaiian">
		<label for="supreme">Supreme</label><input type="radio" id="supreme">
		<label for="vegetarian">Vegetarian</label><input type="radio" id="vegetarian">
	</div>
	<div id="section3">
		What is your favourite Mexican food?<br>
		<label for="burrito">Burritos</label><input type="radio" id="burrito">
		<label for="chilli">Chilli con carne</label><input type="radio" id="chilli">
		<label for="taco">Tacos</label><input type="radio" id="taco">
	</div>
	<div id="section4">
		What is your favourite Thai food?<br>
		<label for="stir">Stir-fry</label><input type="radio" id="stir">
		<label for="noodle">Noodles</label><input type="radio" id="noodle">
		<label for="curry">Curry</label><input type="radio" id="curry">
	</div>
	<label for="dessert">What is your favourite dessert?*</label>
	<input type="text" id="dessert" onchange="checkForm()"><br>
	<div id="dessertmsg">  </div>
  
	<input type="submit" value="Submit" id="subbutton" disabled> 
</form> 

</body>
</html>