|
JavaScript - Immediate Feedback User Form
Similar TutorialsHi This is a pretty easy beginner question I'm trying to doa feedback form for my website but having problems with the send button here is my code could someone tell me where i'm going wrong <html> <title>Feedback form</title> <body> <h2> Feedback Form </h2> <form> <FORM METHOD = Post ACTION = mailto:julie_bloggs@hotmail.co.uk> <p>E-mail: <INPUT TYPE = text NAME = Email SIZE = 30 <p>Please enter your name:<INPUT TYPE = text NAME =readeR <br> Could you fill in this survey please <br> Do you live in New Brighton? <br><INPUT TYPE = checkbox NAME = Yes>Yes <br><INPUT TYPE = checkbox NAME = No>No <br><INPUT TYPE = checkbox NAME = Moving>Moving soon <p>Your Comments <br> <TEXTAREA NAME = Address ROWS=4 COLS=40> </TEXTAREA> <P> <INPUT TYPE =Submit VALUE = "Send"> <INPUT TYPE =reset VALUE = "clear the form"> </FORM> </HTML> Have a look at the java script feedback form on this page http://christmas.cre8tivebug.com/ the button is on the right hand side of the browser window.. when you click on it the feed back form shows up in the center of the screen and dims out the background.. does anybody know where i can get this script Thanks I completed a simple JavaScript program which calculates the area of the 4 walls of house (so post to represent the total are to be painted). I am simply looking for feedback on how to make the code better and/or simpler. Code: <html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>Calculate Total Area To Be Painted</title>
<script type = "text/javascript">
<!--
function calculate()
{wall1_width = window.document.form1.wall1w.value;
wall1_height = window.document.form1.wall1h.value;
wall2_width = window.document.form1.wall2w.value;
wall2_height = window.document.form1.wall2h.value;
wall3_width = window.document.form1.wall3w.value;
wall3_height = window.document.form1.wall3h.value;
wall4_width = window.document.form1.wall4w.value;
wall4_height = window.document.form1.wall4h.value;
total1_area = (wall1_width * wall1_height) + (wall2_width * wall2_height) + (wall3_width * wall3_height) + (wall4_width * wall4_height);
window.document.form1.total1.value = total1_area;
}
// -->
</script>
</head>
<body>
<form name='form1'>
<table cellspacing='0'>
<td>
<center>
<b>Walls</B><br><br>
Wall 1 Width: <input type='text' name='wall1w' style="width:40px;"> ft.<br>
Wall 1 Height: <input type='text' name='wall1h' style="width:40px;"> ft.<br>
Wall 2 Width: <input type='text' name='wall2w' style="width:40px;"> ft.<br>
Wall 2 Height: <input type='text' name='wall2h' style="width:40px;"> ft.<br>
Wall 3 Width: <input type='text' name='wall3w' style="width:40px;"> ft.<br>
Wall 3 Height: <input type='text' name='wall3h' style="width:40px;"> ft.<br>
Wall 4 Width: <input type='text' name='wall4w' style="width:40px;"> ft.<br>
Wall 4 Height: <input type='text' name='wall4h' style="width:40px;"> ft.<br><hr width='200'><br>
<input type='button' value='Calculate' onClick='calculate();'><br><hr width='200'>
</center>
</td></tr>
<tr><td>
<center>
<b>Total Area To Be Painted</B><br>
Total Area: <input type='text' name='total1' style="width:100px;"> sq. ft.<br><hr width='200'><br>
</center>
</td></tr>
</table>
</form>
</body>
</html>
Please help with the code details as to how this would be possible. Thanks. <form method="post" name="validate" action="internet_marketing_and_email_blasting_signup.php" enctype="multipart/form-data" onmouseover="change(event,'../images/submit1.png')" onmouseout="change(event,'../images/submit.png')" onkeyup="highlight(event)" onclick="highlight(event)"> Ok I am very very new to java to the point where I only know how to use pre-made javascripts in my php code so be gentle. First, here is part of a form I have: Code: <select name = "pulmonologist" >
<option selected="" value="">---Select---
<option value="none">None</option>
<?php
while ($row2 = mysql_fetch_assoc ($results2)) {
?><option value = "<?php echo $row2['staff_name'];?>"><?php echo $row2['staff_name'];?></option>
<?php }
?>
</select>
Ok now I want to echo the value that the user selects on the SAME page (i.e. before the submit button is pressed) (so I can't do it with php, I need javascript) like this: Code: <input type="submit" value = "Contact <?php echo $pulmonologist;?>" /> Can you tell me how to do this? Thanks! hi, I have a form with a tick at the end of each formfield: Code: <label>First Name<a href"#">click</a></label> <input class="text-input medium-input" type="text" id="medium-input" name="FirstName" /> <span class="input-notification success png_bg">Successful message</span> the style is currently set to display:none; I would like to use the FadeIn() method on the input-notification class when someone enters some text at the moment I am trying to test using a link to click on: Code: <script>
$("a").click(function () {
$("tab2").fadeIn(3000, function () {
$("span").fadeIn(100);
});
return false;
});
</script>
this doesn't work as I have 2 tabs and the link sends it back to tab1 So I am trying to make a form that will eventually take the user to a specified link. It is a form that uses drop down menus. I based this off of someone elses code (with permission ), but it shows everything <= user input. I cannot for the life of me figure out how to make it only show only one of the next options. here is the JS code: Code: <script language="JavaScript">
function ShowMenu(num, menu, max)
{
for(i = 1999; i <= num; i++){
var menu2 = menu + i;
document.getElementById(menu2).style.display = 'block';
}
var num2 = num;
num2++;
while(num2 = max){
var menu3 = menu + num2;
document.getElementById(menu3).style.display = 'none';
num2=num2+1;
}
}
</script>
This is only the JS code. I didn't want to waste space with the rest of the code. If you want to see it let me know and I can include that. I am sure this is rather basic, but my JS knowledge is less than that...It has been some time since undergrad computer science class. Thanks in advance for any help! I have a JavaScript application that needs to preserve double quote marks and apostrophes (" and ') that are entered into form fields by the user. The form data is passed through several screens using hidden fields. Right now, apostrophes work because I have the input fields coded as value="". I have not found a way for JavaScript to retrieve the field's value if double quotes are entered by the user. If I change the parameter to value='' (single quotes) then the apostrophes probably won't work. Is there a straightforward way for JavaScript to retrieve the field value containing quotes, so that I can manipulate it into a different string that can be easily passed between HTML pages? Thanks to codingforums that help me to gain success with my javascript program! Please let me know what do you think about it: http://backslash.altervista.org/messa/mass_search.html The js script read the page http://backslash.altervista.org/messa/orari_messa.html and get the church's data and the mass's time. I know it'll better use a db but i have no control on server where the html page is (the mine is only a copy) and i want to do something that if the owner of the server want put in, it can without problem. Any review will be very appreciated Thanks ps: look at the footer pps: sorry it's all in italian Dear all, MAIN QUESTIONS : QUESTIONS for www.cyoffshore.byethost12.com/feedback4test.html I designed the Contact Us (Feedback) page of my website but something goes wrong. I would like to set an email address or some email addresses where the visitors can find me. Now, this function does not work! I would also like the users / visitors who complete and submit the (my) Contact Form, to receive an auto-confirmation to their email which will confirms that they have addressed to me with their details (their name, address, tel ,etc) according to their input into the fields and options from the (my) Contact form and if they would like to see their written request (what they have written to me if they did), they could use an option button from the (my) Contact Form. Actually the details of their written request will depend of what they would like to choose (depends on their choice). According to the submitted Contack Form, generally many users take the advantage of the Contact Us Forms where they send spam emails via the Contact Form. This might be avoid by the usage of the free tool: http://www.google.com/recaptcha Below is the url of the feedback.html page of my website. I have created a copy of the same and I renamed it to: feedback4test.html for testing purposes. www.cyoffshore.byethost12.com/feedback4test.html Here is the code: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<!-- this template was designed by http://www.tristarwebdesign.co.uk - please visit for more templates & information - thank you. -->
<head>
<title>cyproservices</title> <!-- change to whatever you want as the title for your website -->
<meta name="description" content=" " /> <!-- enter a description for your website inside the " " -->
<meta name="keywords" content=" " /> <!-- enter a a string of keywords that relate to your website inside the " " -->
<meta http-equiv="Content-Language" content="en-gb" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="headercont">
<div id="header">
<h1><span>cyproservices</span></h1>
</div>
</div>
<div id="menucont">
<div id="menu">
<ul>
<li><a title="link one" title="home" href="index.html">ABOUT CYPRUS</a></li>
<li><a title="link two" href="ourservices.html">OUR SERVICES</a></li>
<li><a title="link three" href="offshorejurisdictions.html">OFFSHORE JURISDICTIONS</a></li>
<li><a title="link four" href="fees.html">PRICES</a></li>
<li><a class="active" href="feedback.html">CONTACT US</a></li>
</ul>
</div>
</div>
<div id="maincont">
<div id="main">
<h1>Feedback</h1>
<p style="margin-top: 0; margin-bottom: 0" align="justify">
<font size="3" face="Book Antiqua" color="#FF0000"> Tell me what you think about my
website. I welcome all of your comments and your suggestions.</font></p>
<form method="POST" action="--WEBBOT-SELF--" onSubmit="location.href='../_derived/nortbots.htm';return false;" name="SENDEMAIL" webbot-onSubmit>
<!--webbot bot="SaveResults" u-file="C:\Users\antonis\Documents\My Documents\My webs\cyproservices\_private\formresults.csv" s-format="TEXT/CSV" s-label-fields="TRUE" b-reverse-chronology="FALSE" s-date-format="%d %b %Y" s-time-format="%H:%M:%S" s-builtin-fields="REMOTE_NAME REMOTE_USER HTTP_USER_AGENT Date Time" u-confirmation-url="confirm.htm" s-email-address="georgeashiotis@yahoo.com" s-email-format="TEXT/PRE" startspan --><input TYPE="hidden" NAME="VTI-GROUP" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="43374" --><p align="justify" style="margin-top: 0; margin-bottom: 0"><strong><font color="#666666" face="Book Antiqua"> What
kind of comment would you like to send?</font></strong></p>
<dl>
<dd>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><font color="#666666" face="Book Antiqua"><strong><input type="radio" name="MessageType" value="Complaint">Complaint
<input type="radio" name="MessageType" value="Problem">Problem
<input type="radio" checked name="MessageType" value="Suggestion">Suggestion
<input type="radio" name="MessageType" value="Praise">Praise</strong></font></dd>
</dl>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong><font color="#666666" face="Book Antiqua">
Subject:</font></strong></p>
<blockquote>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="text" size="26" maxlength="256" name="Subject"></p>
</blockquote>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong><font color="#666666" face="Book Antiqua"> Enter your comments in the space provided below:</font></strong></p>
<dl>
<dd>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><textarea name="Comments" rows="5" cols="42"></textarea></dd>
</dl>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong><font color="#666666" face="Book Antiqua"> Tell me how to get in touch with you:</font></strong></p>
<dl>
<dd>
<table>
<tr>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong>
<font color="#666666" face="Book Antiqua">Name:</font></strong></td>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="text" size="35" maxlength="256" name="Username"></td>
</tr>
<tr>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong>
<font color="#666666" face="Book Antiqua">E-mail:</font></strong></td>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="text" size="35" maxlength="256" name="UserEmail"></td>
</tr>
<tr>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong>
<font color="#666666" face="Book Antiqua">Tel:</font></strong></td>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="text" size="35" maxlength="256" name="UserTel"></td>
</tr>
<tr>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><strong>
<font color="#666666" face="Book Antiqua">Fax:</font></strong></td>
<td>
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="text" size="35" maxlength="256" name="UserFAX"></td>
</tr>
</table>
</dd>
</dl>
<p align="justify" style="margin-top: 0; margin-bottom: 0">
<strong><font color="#666666" face="Book Antiqua">
</font></strong><p align="justify" style="margin-top: 0; margin-bottom: 0">
<strong><font color="#666666" face="Book Antiqua">
<input type="checkbox" name="ContactRequested" value="ContactRequested">
Please contact me as soon as possible regarding this matter.</font></strong><p align="justify" style="margin-top: 0; margin-bottom: 0">
<p align="justify" style="margin-top: 0; margin-bottom: 0"><input type="submit" value="Submit Comments">
<input type="reset" value="Clear Form"></p>
</form>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
</div>
<div id="footercont">
<div id="footer">
<div id="footerleft">
<p><a title="back to top" href="#headercont">^ back to top</a></p>
</div>
<div id="footerright">
<p>template design by
<a title="derby web design" href="http://www.tristarwebdesign.co.uk">tristar web design</a></p>
</div>
</body>
</html>
</body>
</html>
According to the above CODE , I would like to inform you that I've just done a copy and paste to the above FORM from an other website of mine which is working properly, meaning that I do receive emailS from the users/ visitors when they fill and submit the (my) Contact Form. . This website is www.cypruspainters.net and the related web link is: http://cypruspainters.net/feedback2.htm The related CODE of the secondary website which I have copied and pasted the above code is the following CODE: : Code:
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<meta content="en-us" http-equiv="Content-Language">
<title>Feedback2</title>
<meta name="Microsoft Theme" content="pixel 011">
</head>
<body background="_themes/pixel/pixbkgnd.gif" bgcolor="#FFFFFF" text="#000000" link="#6666CC" vlink="#999999" alink="#663333"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
<tr>
<td width="49" colspan="2" align="center">
<p style="margin-top: 0; margin-bottom: 0">
<a href="http://www.agora-gallery.com/"
rel="nofollow" target="_blank">
<img border="0" src="photogallery/logoForLinks2.gif" hspace="3" width="125" height="78"></a></p>
</td>
<td align="center" width="907"><p style="margin-top: 0; margin-bottom: 0">
<img border="0" src="HEADERS/feedback2.gif" width="621" height="60"></td>
</tr>
<tr>
<td width="882" colspan="3" style="border-bottom-style: none; border-bottom-width: medium">
<p style="margin-top: 0; margin-bottom: 0"></td>
</tr>
</table><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="border-bottom-style: solid; border-bottom-width: 1" align="right">
<h4 style="margin-top: 0; margin-bottom: 0"> </h4>
</td>
</tr>
</table><table border="0" cellpadding="0" cellspacing="0" width="727" height="78">
<tr>
<td style="border-style: none; border-width: medium" valign="top" width="140">
<p>
<!--webbot b-include-home="TRUE" b-include-up="FALSE" bot="Navigation" s-orientation="vertical" s-rendering="graphics" s-theme="nature 100" s-type="siblings" -->
</p>
<p><br> </p>
<p> </p>
</td>
<td style="border-style: none; border-width: medium" valign="top" width="3">
<p></p>
</td>
<td height="100%" style="border-style: none; border-width: medium" valign="top" width="584">
<h3 align="justify" style="margin-top: 0; margin-bottom: 0">
<font color="#FF0000" face="Book Antiqua" size="3">Tell me what you think
about my website. I welcome all of your comments and your suggestions.</font></h3>
<h1><b><b><b><b><b>Contact Us:</b></b></b></b></b></h1>
<form action="test.mf" method="post">
Your Name:<br />
<input name="Name" size="20" type="text" value="" /><br />
<br />
Email:<br />
<input name="Email" size="20" type="text" value="" /><br />
<br />
Comments:<br />
<textarea cols="40" name="Comments" rows="10"></textarea><br />
<br />
<script src="http://api.recaptcha.net/challenge?k=6LfxMwYAAAAAAM8fEdeJUlJzGmueIL9-gDhnUdpo " type="text/javascript"></script>
<noscript>
<iframe frameborder="0" height="300" src="http://api.recaptcha.net/noscript?k=6LfxMwYAAAAAAM8fEdeJUlJzGmueIL9-gDhnUdpo " width="500">
</iframe><br>
<textarea cols="40" name="recaptcha_challenge_field" rows="3">
</textarea>
<input name="recaptcha_response_field" type="hidden" value="manual_challenge"></noscript><input type="submit" value="Submit Form" />
</form>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<blockquote>
</blockquote>
<p>
</p>
<p style="margin-top: 0; margin-bottom: 0"> </p>
<p style="margin-top: 0; margin-bottom: 0">
<a href="index.htm"><img align="right" border="0" height="40" src="images/Press/home3.gif" width="40"></a></p>
<p style="margin-top: 0; margin-bottom: 0"> </p>
<table border="0" cellpadding="0" cellspacing="0" width="746" height="0%" style="border-collapse: collapse">
<tr>
<td valign="baseline" width="746">
<p align="right" style="margin-top: 0; margin-bottom: 0">
<a href="Links.htm">
<img border="0" src="images/Press/back.gif" width="47" height="29"></a><a href="feedback2.htm"><img border="0" src="images/Press/top.gif" width="40" height="29"></a></td>
</tr>
</table></body>
</html>
You can email me at: antonis20032002@yahoo.gr and I can reply to you by attaching, uploading and sending my www.cyoffshore.byethost12.com website or/ and www.cyoffshore.byethost12.com/feedback4test.html (Contact Us Form) to your email in order to investigate the case! SECONDARY QUESTIONS : ADDITIONAL QUESTIONS for www.cypruspainters.net/feedback2.htm under your consideration: Firstly, when I visit my website a pop up page appears which is very annoying for the visitors! The url of the pop up is: http://www.freelotto.com/register.as...&affiliateid=3 Another issues are : According to these issues, I have attached the screenshots and the text below: The screenshots below are refered to my previous software which was FRONTPAGE. Now I am using a substituted program which is Microsoft Expression Web 3. The problem is when I would like to use a Captcha image to block form spam and include this setting in my test.mf file (see attached screenshot -test.mf file), then @recaptchaFailPage is pointing to the page I want the visitor redirected to should they enter the wrong text from the image and does not work (see attached screenshot - recaptchaFailPage). In addition, we can add more fields to Misk Contact Us.htm Form (see attached screenshot- Misk Contact Us.htm Form) and the file test.htm is merely an example of what can be done! I created under my website a web link www.cypruspainters.net/MiskMailForm.htm with 3 images to look over the guidelines describing what is supported by my hosting provider and it will help you setup any form with their Mail Form service. Another issue, as instructed in the pdf, my hosting provider provides a Mail Form service which I can setup a confirmation page to notify people of their form being submitted successfully within the test.mf file. My confirmation page is listed as: @redirPage=confirm2.htm within the test.mf file. This is merely a redirect and will not pass Form Information to the page in order to show people what was submitted. Currently this might not be a feature of my hosting provider Mail Form service. But I am not sure! According to the attached screenshot- confirm2.htm , could you make the necessary changes to confirm2.htm in order to notify people of their form being submitted successfully with a more detailed and presentable way, for example, showing what the visitors have requested (visitors input), their details, their comments, etc and at the bottom maybe will be better if we would add a web link back to the Form! You can email me at: georgeashiotis@yahoo.com and I can reply to you by attaching, uploading and sending my www.cypruspainters.net/index.htm website or/ and www.cypruspainters.net/feedback2.htm (Contact Us Form) to your email in order to investigate the case! Thanks! Antonis Hi, I'm looking for help, please. I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant. I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount. Any help would be very much appreciated! Thanks! For some reason i cant get this bit of code to work. You can ignore the php and html if its getting in your way. Thanks: Code: <div id="pl">
<?
if($edit == true){
?>
<script type="text/javascript">
$("#add_playlist_form").css({display:"none"});
$("#add_playlist").click(function(){
alert($("#add_playlist").html());
if($("#add_playlist").html() == "Add a Playlist >>"){
$("#add_playlist").html("Hide <<");
$("#add_playlist_form").css({display:"block"});
}
else{
$("#add_playlist").html("Add a Playlist >>");
$("#add_playlist_form").css({display:"none"});
}
});
</script>
<a href="#" id="add_playlist">Add a Playlist >></a>
<form id="add_playlist_form" method="POST" action=" ">
<input type="text" name="pl_name" class="add_playlist"/>
<textarea name="pl_dsec" maxlength="200"></textarea>
<input type="submit" name="submit_playlist" value="Add Playlist" class="submit_playlist"/>
</form>
<?
}
?>
<ul class="vList">
Hey guys, First shot at JS so please be gentle! I'm trying to get this script to clear the default value of my input elements on focus. It works well the first time, however, if a user inputs some fresh text, selects something else, then selects the same input element again, it will clear the text they entered. Make sense? Here's the script (thanks in advance!!): Code: <script language="JavaScript">
function clickFocus(input){
input.className = 'focus';
if (input.value = input.defaultValue){
input.value = '';
}
}
function unFocus(input){
input.className = 'entered';
if (input.value == ''){
input.value = input.defaultValue;
input.className = 'normal'
}
}
</script>
<form action="confirmation.php" method="post" enctype="multipart/form-data" name="form" id="form" onsubmit="return checkForm(this)">
<input type="text" name="name" value="Name" onfocus="clickFocus(this)" onblur="unFocus(this)" />
<input type="text" name="email" value="Email" onfocus="clickFocus(this)" onblur="unFocus(this)" />
<input type="text" name="subject" value="Subject" onfocus="clickFocus(this)" onblur="unFocus(this)" />
<textarea type="text" name="message" onfocus="clickFocus(this)" onblur="unFocus(this)" rows="5">Message</textarea>
<input class="submit" name="submit"type="submit" value="Send Message" />
</form>
Hello. Is it possible to use java script to direct users to different page depending on their username login and password? And if so, what is the script? The website i am creating is for a conference my school is hosting. What I want to do is give the username and password for each delegation to use; once they log in, they will be directed to a page which contains information pertaining only to their delegation. Right now, this is the script I have, but it only directs to one page, which is "user1.php". I want to be able to direct user2 to user2.php, user3 to user3.php and so on. <?php $usernames = array("user1", "user2", "user3", "superman"); $passwords = array("pass1", "pass2", "password3", "supermans password"); $page = "user1.php" for($i=0;$i<count($usernames);$i++){ $logindata[$usernames[$i]]=$passwords[$i]; } if($logindata[$_POST["username"]]==$_POST["password"]){ session_start(); $_SESSION["username"]=$_POST["username"]; header('Location: '.$page); exit; }else{ header('Location: login.php?wrong=1'); exit; } ?> Any help would be greatly appreciated. Thanks! Hey everybody, what regular expression do i have to use to get the 2 last elements of a user agent? eg in firefox how can i get : Mozilla/5.0 (X11; Linux i686; rv:7.0.1) Gecko/20100101 Firefox/7.0.1 Firefox & 7.01 ? thanks! can anyone tell me how to use jquery with asp.net web user control? Thanks in Advance Regards Salman Ansari So I have been working on this exercise for about a month. In the book I am reading it say's this:"For each number that the user enters, the text boxes on the web page should display: the last score that was entered, the number of scores that have been entered, the total of these scores, the average score, the best score, and the worst score. When you write the code for this function, you should enclose the prompt method within a loop, but you decide which type of loop is best for this application. Now, write and test the code." The first peice of code is my HTML, and the second piece of code is the function that I have to start from in a .js file. I just seem to be confused at how my structuring needs to be. The 999 in the function is what the prompt says to enter to escape. Code: <body>
<div id="content">
<h1>Using Loops</h1>
<label for="lastScore">Last Sco </label>
<input type="text" id="lastScore" /><br />
<p></p>
<label for="scoreCount">Score Count:</label>
<input type="text" id="scoreCount" /><br />
<label for="scoreTotal">Score Total:</label>
<input type="text" id="scoreTotal" /><br />
<p></p>
<label for="scoreAverage">Average Sco </label>
<input type="text" id="scoreAverage" /><br />
<label for="bestScore">Best Sco </label>
<input type="text" id="bestScore" /><br />
<label for="worstScore">Worst Sco </label>
<input type="text" id="worstScore" /><br />
<p></p>
</div>
Code: var process_test_scores = function () {
var testScore;
testScore = parseInt(prompt(
"Enter a valid test score between 0 and 100.\n" +
"To end test score entry, enter 999.", 999));
}
|
|||||||