change style function dosen’t like somthing…

this script is having problems with somthing. I am trying to change a font inside a textarea from a drop-down menu. every tima I change it, the browser tells me an object is expected on line 48, line 48 being:
[COLOR=darkred] <input type=”button” name=”Button” value=”go” onClick=”changefont();”>[/COLOR]

the rest of the script is this:

[CODE][COLOR=darkred]<script>
function changefont(){
document.getElementById(‘styletest’).style.font-family = document.fonts.font[fonts.font.selectedIndex].value;
}
</script>
<form name=”fonts”>
<select name=”font”>
<option value=”fonts”>fonts</option>
<option value=”Andale Mono”>Andale Mono</option>
<option value=”Arial”>Arial</option>
<option value=”Arial Black”>Arial Black</option>
<option value=”Comic Sans MS”>Comic Sans MS</option>
<option value=”Courier”>Courier</option>
<option value=”Courier New”>Courier New</option>
<option value=”Fixedsys”>Fixedsys</option>
<option value=”Georgia”>Georgia</option>
<option value=”Impact”>Impact</option>
<option value=”Lucida Console”>Lucida Console</option>
<option value=”MS Sans Serif”>MS Sans Serif</option>
<option value=”MS Serif”>MS Serifs</option>
<option value=”Small Fonts”>Small Fonts</option>
<option value=”System”>System</option>
<option value=”Tahoma”>Tahoma</option>
<option value=”Times New Roman”>Times New Roman</option>
<option value=”Trebuchet MS”>Trebuchet MS</option>
<option value=”Verdana”>Verdana</option>
<option value=”Marlett”>Marlett</option>
<option value=”Symbol”>Symbol</option>
<option value=”Webdings”>Webdings</option>
<option value=”Wingdings”>Wingdings</option>
<option value=”Terminal”>Terminal</option>
<option value=”cursive”>cursive</option>
<option value=”fantasy”>fantasy</option>
<option value=”monospace”>monospace</option>
<option value=”sans-serif”>sans-serif</option>
<option value=”serif”>serif</option>
</select>
<input type=”button” name=”Button” value=”go” onClick=”changefont();”>
<br>
<textarea name=”textarea” cols=”50″ rows=”9″ id=”styletest”>
########################## \ // //=\ || || |
## gfdgfff ## // || || || || |
########################## // \=// \=// O
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
!@#$%^&*()
</textarea>
</form>
[/COLOR][/CODE]

why could this error come up?

Also in #JavaScript _↴