Simple Quiz In HTML - Tallying Scores

Nov 4, 2010

I want to make a simple quiz in HTML using JavaScript. I have made a web page called scoreboard which contains two tables. I have attached the screen shot of how the web page looks as well as the coding here with this msg. below is the description of my web page. If you find it lengthy or not understandable, pls refer my attached image of the web page.

Description: one table contains two rows - one for direct answers and another for answers which are given during their pass chance in the quiz. There are four buttons - Team A, Team B, Team C and Team D for both the direct and pass. And the second table contains four text boxes which which displays the score for each Team.

Now, in my web page i have typed the required coding so that when in click the TeamA, TeamB,...buttons in the direct row, the score board for Team A adds up 10 points.

Now i want to add 5 points for the respective teams when i click their team button in the pass row. I am not able to code that. the code goes below.

<html>

View 6 Replies


ADVERTISEMENT

Making Simple Quiz Using HTML / Showing Answers By Clicking Button

Apr 1, 2010

I'm working on a simple website in which I'm required to use two types of forms input on a webpage. I have decided to make a simple quiz which will be designed.Is this possible in a simple way? Sounds quite straight-forward.Is it possible to design a radio button which, depending on the choice, the related-text will appear underneath on the same page? So if they select 'A' then paragraph 'A' will show, if they select 'C' then paragraph 'C' will appear (with the rest hiding)..

View 6 Replies View Related

Recording High Scores

Feb 13, 2007

I have a team website that has several games for entertainment. One
of the games is a javascript version of yahtzee. Can someone suggest
a way, using javascript, to record a high score for the game instead
of a high score for a particular user, session, or computer. Perhaps
someone already has code written to do this.

View 2 Replies View Related

Sorting An Array Of Scores?

Nov 7, 2010

For example if I have this function name: function sortScores(myscores){ I would like to take an array of score records (each containing a score and a page number) and return a sorted version where the records are arranged in descending order of score.

so if I have this example call: sortScores( [ { score:0, Number:0 }, { score:2, Number:1 }, { score:1, NUmber:2 } ] )

I would get the example result:[ { score:2, Number:1 }, { score:1, Number:2 }, { score:0, Number:0 } ]

Where the results have been sorts in descending order of score. I've looked at this example, but it only deals with one one value -->[URL]..

View 8 Replies View Related

Phrases Based On Outputted Scores?

Feb 1, 2011

How do I get the following phrases to output along with their corresponding scores for my algorithm below?

Here are the phrases I'd like to see along side the outputted score

Scores:

And here's my formula that asks for 4 values then spits out a number.

View 11 Replies View Related

Password To Page.html - Simple Text Input Field On A Html Page

Jun 27, 2010

I need to have a simple text input field on a html page. It needs the users to type in either:

And depending on whats entered this will then take them to the corresponding:

Is this possible with javascript?

View 1 Replies View Related

Dynamic Scores While Selecting Radio Buttons

Jul 27, 2009

I would like to dynamically update a score as you select radio buttons on a form. I would like to update the actual score and the possible score every time a radio button is clicked.

If "yes" is selected, they get the points. If "no" is selected, they don't get the points. If "N/A" is selected, the points aren't counted (in either the actual score or the possible score).

So, when either "yes" or "no" is selected the possible points need to be increased by the number of points that question is worth, and the actual points need to be added if they got "yes". I would like it to display their score (total percentage and running score) as you click the radio buttons, so I'm assuming you would need to call a function on each click which passes the point values along?

Here's my basic form so you know what I mean:

View 1 Replies View Related

Assign Scores To Separate Strings In An Array?

Nov 4, 2009

I was working on this problem that asks me to return an array of scores for each string (only for its content part, not URL) in the global variable, which is an array. For example, alert a score of 0 if the string z is not found, 1 if found once, and 2 for twice. My problem is that I can get the code to alert if it has found the word (ex. "the"), but I cannot manage to :

a) Assign separate scores for each string.

b) Make the search case insensitive i.e. "the" will appear in 0,1, but not in 2, where it is capitalized

[CODE]
var c = ["[www.facebook.com] Facebook is the best social networking site to coccent with your friends. ", "[www.google.co.uk] Google is the worldwide search engine. ", "[www.bbc.co.uk] The best news source for starting your day. "];
function findScore(z) {

[Code]...

View 8 Replies View Related

Make A Simple Txt / Html Editor?

May 2, 2006

Im trying to make a simple txt/html editor...

I need to apply specific formatting to selected text via a button.
for example, I select some text, click the 'bold' button which then replace the selected text with <b>selected text</b>

Is there a way to do this ?

View 1 Replies View Related

JQuery :: Implement A Simple Menu With Html?

Aug 31, 2011

I'm trying to implement a simple menu with html + jquery. I have a standard html table as the main menu bar at the top of the page. Up until now the menu was only 1 level deep. However, now there have been multiple reports added so these new reports need to be added as Report submenu items.

I've created some additional table rows with cells that align under the Reports menu item. Then I've wired up the mouseover event of the Reports cell to display the report submenus underneath it.

What's the best way to hide the submenu items when that part of the menu loses focus? I've wired up the onmouseout of the main Reports menu item to hide the submenu items but this isn't right because the user should be allowed to move focus from the main menu item to the submenu item without the submenu items getting hidden.

Also, when I dynamically show the submenu item rows this pushes down the rest of the content on the page. How can make the submenu table rows *overlay* the page content below it?

View 1 Replies View Related

Simple Passing Of Varaible To Another Html Page

Nov 13, 2003

How can i pass a variable from 1 page to another?

I want to send a variable which is an address of an image src
then in the sencond htm page it uses this to load to picture!

then the second html page can just be created once and be used for any picture i want to load into!

View 1 Replies View Related

Url Checker - Create A Simple Html Page

Nov 10, 2010

I'm trying to create a simple html page, with javascript (NO AJAX!, etc,... ) on it, to let me know if an url (remote file) is online or not.

View 9 Replies View Related

Validation - Simple Html/php Form To Communicate With Twitter

Feb 18, 2010

Im using a simple html/php form to communicate with twitter, im trying to add some java script validation but it isnt working i cant see why it isnt.

This is my code.

<?php

Javascript Form validiation:

View 1 Replies View Related

JQuery :: Simple Accordion Menu Using This HTML Structure

Dec 1, 2009

I want to accomplish a nice and simple accordion menu using this HTML structure:

Code HTML4Strict:

And I'm using this JQuery code:

Code JavaScript:

This basically works, but when I click a particular menu item to expand it's submenu items, it basically hides all submenus items, even the active ones, but whant I need is the particular clicked submenu items to stay expanded. I guess this can be accomplished by a simple if statement or so.

View 3 Replies View Related

Can I Do A Simple Update In An Excel Through An Html Page Without Using Any Dynamic Web Pages?

Sep 22, 2006

All I need to do is; on the click of a button, import the numerical
data in an html form (only one field) to a cell in a spreadsheet. Both
spreadsheet and the html file reside on the same server but there are
no dynamic capabilities. All I can use is html pages + javascript (or
anything else which do not require any special programs to be installed
on the server). Is this at all possible?

View 2 Replies View Related

Finishing Touches To A Quiz?

Jul 7, 2010

Ive made the quiz works fine but instead of a box which displays the percentage I would like to have a pop up box when they click the submit button, also inside the pop up box it displays i.e. you got 4 out of 10 for example.

<HEAD>
<script language="JavaScript">
var numQues = 10;

[code].....

View 1 Replies View Related

Emailing Result From Quiz ?

Oct 3, 2010

I wrote quiz using HTML and JavaScrip. Score is accumulated in a variable called myScore. Now I want to email the result of myScore to an email address. How do I go about doing this? I don't want to use the mailto: command since that require that user actually press the send command to send the email. I want this done automatically after user finishes the quiz.

View 4 Replies View Related

Creating A Quiz And Hidden Field ?

Aug 6, 2009

I was tasked with creating a JavaScript quiz...I succeeded in doing so but part of the requirement was to use hidden fields for the answers.

Would this be possible using the code I currently have:

View 8 Replies View Related

Js Quiz - After Submit To Go To New Page If All Correct

Sep 6, 2011

I am making a simple multiple choice quiz and if user gets all correct i need it to automatically go to a new page rather than having a manual button for that so they cant move on until all questons are answered correctly.

View 13 Replies View Related

Quiz: Obtaining The User's Score?

Sep 9, 2011

The page will display brief instructions followed by a table containing the quiz.The first is with the Score() function which reads as follows:

function Score(){
for(i=1;i<=10;i++)
if(ans[i]== yourAns[i])

[code]....

Now unless I'm mistaken (which I am since the score isn't being tabulated correctly) this function essentially uses a for to cycle through both arrays, comparing the user's input against the array containing the right answers. If the contents within index i are the same on both arrays the score increases by one point. Once it cycles through the arrays, it passes score over to prequiz.score.value which will later pass this number to the text box that will display the grade to the user.

Thinking it was the setAnsArray(question, answer) function I added a document.writeline to it. However it showed that the values were being passed correctly to the answer array. Added a document.writeline to the Score() function. Unlike the point above, score always displays as 00000 regardless of how many right answers I provide.

The second issue I'm having is that the reset button is not working correctly. If I hit reset and answer the first question, the score will come back as double the score displayed before.

<?xml version="1.0" encoding= "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

[code]....

View 10 Replies View Related

Using Random Picture Generator - In A Quiz ?

Mar 22, 2009

I'm trying to make a Quiz that generates random pictures each time the page is launched , with multiple options for the user to choose the right answer satsifying the picture and its meaning .

I've made the pseducode and i understand the algorithm ..but i don't know how to write the statements .

My algorithm is :

1-Random picture is shown each time the page is launched.

2- 6 Buttons are placed .

3-user choses the right matching answer.

4- window is popped up saying "correct"when its correct if not , an alert saying ;'Your answer is incorrect. Please try again"

So this is the code i've made , i know there's errors but just to show the Idea.

View 4 Replies View Related

Adding Dropdown Lists To My Quiz

Nov 8, 2010

I am trying to add a dropdown list with the point values 1, 2, 3 ,4.If I use the number 1 from the dropdown for the first question, I need it to not allow the user to use that value again for questions 2, 3, and 4.

View 1 Replies View Related

Quiz - How To Highlight The Correct Answer

Jul 6, 2011

//I can't figure out how to highlight the correct answer, I wrote a highlight function but it doesn't seem to work.

var useranswers = new Array();
var answered = 0;
function renderQuiz() {

[code]....

View 1 Replies View Related

Online Quiz With Random Image Generator

Nov 13, 2009

My assignment is to create an online quiz with a random image generator. I have created my online quiz using 5 linking files and everything works great. My only problem is getting the images to show up on my quiz. All I get is the filename with a red X. Which the files do show up at random when I refresh, so I know that part is working. I just don't know what I am missing to get the actual picture to show up. Please keep in mind this isn't the whole code as I have different linking files for this assignment.

<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 StrictEN" "[URL]">
<!-- Assignment CH10 Solution -->
<html xmlns = "[URL]">
<head>
<title>Online Quiz</title>
<script type = "text/Javascript">
<!--
var rimg = 0;
var pictures = [ "logo", "logo2", "logo3", "logo1", "cover" ];
function randpics(){
var myQuiz = document.getElementById( "myQuiz" );
rimg = Math.floor( Math.random() * 5 );
myQuiz.logo.src = pictures[rimg]+'.gif';
myQuiz.logo.alt = rimg + ' : ' +pictures[rimg];
} function checkAnswers() {
var myQuiz = document.getElementById( "myQuiz" );
if ( myQuiz.elements [ 0 ].checked )
alert ( "Congratulations, your answer is correct" );
else if the answer is incorrect
alert ( "Your answer is incorrect. Please try again" );
} end function checkAnswers
-->

View 6 Replies View Related

Automatic Submission Of Quiz After Certain Period Of Time

Jun 17, 2008

I want to run a quiz competion on my website in which after logging any user play that quiz, like I will give 50 question to solve in just 3 min time, all will be objective question, now after that 3 min, quiz will automatically end and all users marked answer entered to the database, means he has not press any submit button, but after specific time all answer automatically enter in the database, and he come out from it..

Now I am using this timer:
<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.01 TransitionalEN" "[URL]">
<html><head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><body>
<?php
$dateFormat = "d F Y -- g:i a";
$targetDate = time() + (1*60);Change the 25 to however many minutes you want to countdown
$actualDate = time(); .....
Where to bring changes or which new thing is to be added.

View 7 Replies View Related

Fill In The Blank And Multiple Choice Quiz?

Sep 14, 2011

It's a simple quiz with one multiple choice question and one fill in the blank.

When the user clicks on 'submit' I tried to show some kind of response with correct/incorrect images next to the question. It works with the multiple choice question, but not with the fill in the blank. How can I get the fill in the blank question to work.

Code:
answer_list = [
['False'],
['body','hips','knees']

[Code].....

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved