Create Own Functions In Javascript

**susie123** · 09-07-2007, 02:00 PM

I am new to JS and have tried desperately to work this problem out myself but no joy. I attach a file with the following code:

<html>
<head>
<title> Create own function exercise - Try It Yourself!</title>
<script language="javascript">
function webLink(message)
{
alert(message);
}
</script>

</head>
<body>

<form name="form1">
Enter your name here -
<input type="text" name="Name" size="14" onClick="webLink('Enter your name')">
<p>
Enter your favorite website here - www.
<input type="text" name="www." size="30" onClick="webLink('Enter your favourite website address')">
<p>

<script language="javascript">

var welCome="Welcome " + webLink;
var webSite="form1.www.";

document.write("Welcome " + name + ". Please go to " + webSite);

</script>
</form>
</body>
</html>

All I need now is for the visitor´s name to appear in the browser screen after the word "Welcome" and for their favourite website address to appear in the sentence, "Please go to www....", making that a hyperlink as well.

The prompt windows and everything else is just how I want it.

Thank you very much in advance.

S

**boogyman** · 09-07-2007, 04:06 PM

1) language has been depreciated use

Code:

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

2) and you should also use the doctype 4.01 so the browser can correctly identify and render your code properly

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>PAGE TITLE</title>
</head>

now as for your functions put this inside your <head></head> tag.

Code:

<script type="text/javascript">
function getFavorites() {
	var name = prompt("What is your name?", "");
	var site = prompt("What is your favorite website?", "");
	
	document.write("<h1>Welcome" +name+ "</h1>");
	document.write('<p>Your favorite website is <a href="' +site+ '">' +site+ '</a></p>');
}
</script>

and your body would look something like

Code:

<body>

<form action="void(0)" method="get">
	<input type="button" onclick="getFavorites()" value="My Name">
	<input type="button" onclick="getFavorites()" value="My Favorite Site">
</form>

</body>
</html>

**susie123** · 09-11-2007, 09:14 AM

Dear Boogyman

Thank you so much, it works!! I just need to add the http:// into the following and it worked perfectly ie

<a href="http://' +site+ '">

Thank you again.

Thread: Create Own Functions In Javascript

Thread Tools

Search Thread

Create Own Functions In Javascript

Creating Functions in Javascript

Bookmarks

Bookmarks

Posting Permissions