StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSimple reusable javascript averaging function for multiple forms on same page
primarykey
Id
10148920
data
AcceptedAnswerId
0
AnswerCount
5
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-04-13T22:06:24.600
FavoriteCount
0
LastActivityDate
2012-04-13T22:39:32.727
LastEditDate
LastEditorUserId
0
OwnerUserId
1329893
ParentId
0
PostTypeId
1
Score
1
ViewCount
833
LastEditorDisplayName
text
Body
<p>I literally started trying to teach myself javascript less than 48 hours ago. Outside of just wanting to learn it I also have a small personal project I'm working on and using as sort of my working learn as I go example. But I've hit a problem, which I'm sure is rather basic, I'm just hampered by lack of much javascript knowledge. </p> <p>Basically it is just an averaging problem.<br> There are going to be 4 inputs fields with the 4th being a rounded to the nearest whole number average of the first three fields.<br> This 4 field configuration is going to get used multiple times on the page.<br> I want it to work in "real time" and not with a calculate button so I'm assuming "<strong>onKeyup</strong>" is needed. (no validation of any kind is needed or submit or saving or anything)</p> <p>The only code I've been able to get close is really really ugly, long, and convoluted. I can't help but think there is a very simple way to do it and just get the same function to apply to each grouping of inputs. It will look like below but probably much longer.</p> <pre><code>some text <input id="a" type="number" /><br/> <input id="b" type="number" /><br/> <input id="c" type="number" /><br/> <input id="final" value="0" disabled /> some text <input id="a" type="number" /><br/> <input id="b" type="number" /><br/> <input id="c" type="number" /><br/> <input id="final" value="0" disabled /> </code></pre> <p>Thanks in advance. This is part of a larger problem but I've tried to strip it down to it's essence and seeing it work and understanding it will go a long way to helping me solve some other problems. </p>
Tags
<javascript><average>
Title
Simple reusable javascript averaging function for multiple forms on same page
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USR.Decline
plurals
PostLinksPostIdRelatedPostId
1. PL
  singulars
  LinkTypeLinkTypeId
  LTLinked
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POSimple reusable javascript averaging function for multiple forms on same page
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.