changing font color based on form input

JDTornado · Dec 6, 2001

Hi. I have been creating a page that changes certain parts of the page based on user input into forms. An example would be this:

<html>
<head>
<script LANGAUGE="JavaScript">
function getInfo() {
var title=document.info.title.value
newTitle=document.getElementById("head1&quot
newTitle.firstChild.nodeValue=title
}
</script>
</head>
<body>
<h1 ID="head">This is the old Tite</h1>
<form name="info">
<input type="text" name="title">
<input type="button" onClick="getInfo()">
</form>
</body>
</html>

--------------------
That's one of the parts of that page, I have the same setup for body text, and background colors. The delima I face now is how to change the font color and possibly the font of the text that has been entered. Any help with this will be greatly appreciated! Thanks!

JD

harmmeijer · Dec 7, 2001

I changed head1 to head in your code and that will change the innerText property of your H1 tag with the id "head".
To change the color of your h1 tag you can do the following:
<html>
<head>
<script LANGAUGE="JavaScript">
function getInfo() {
var newTitle=eval("head&quot

;
newTitle.style.color="red";
}
</script>
</head>
<body>
<h1 ID="head" style="color: green">This is the old Tite</h1>
<form name="info">
<input type="text" name="title">
<input type="button" onClick="getInfo()">
</form>
</body>
</html>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

changing font color based on form input

JDTornado

Technical User

harmmeijer

Programmer

Similar threads

Part and Inventory Search

Sponsor