dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: HTML Calculation Help

Hybrid View

  1. #1
    Join Date
    Dec 2012
    Posts
    5

    HTML Calculation Help

    Hi Everyone

    I am new at HTML coding. I've tried to code a calculation for a web site. My purpose is; user enter number and
    chose a variable (there are 3 variable button), and when user click on "hesapla" the program should multiple the number with a constat that come from variable. But i've failed. It's basicly like this:

    ---------------------
    <html>
    <body
    <p> Sayı yazın </p>
    <p><input id="sayi" type="text"></p>
    <p>Sınıfını Belirleyin</p>
    <form>
    <input type="radio" name="sinif" value="az"> Az
    <br>
    <input type="radio" name="sinif" value="normal"> Normal
    <br>
    <input type="radio" name="sinif" value="cok"> Çok
    </form>
    <button type="button" onclick="saatbul()">Hesapla</button>
    <p id="sure"></p>
    <script>
    function saatbul()
    {
    var x=document.getElementById("sayi").value;
    var y;

    if (element.src.match("az"))
    {
    y=x*0.5;
    }
    if (element.src.match("normal"))
    {
    y=x*0.75;
    }
    else
    {
    y=x*0.95;
    }
    document.getElementById("sure").innerHTML=y;
    }
    </script>
    </body>
    </html>
    -------------
    Could somebody help me?

  2. #2
    Join Date
    Aug 2012
    Posts
    155
    This is a Javascript question, not HTML.

    However, this is what you need (tested):
    HTML Code:
    <html>
    <body
    <p> Sayı yazın </p>
    <p><input id="sayi" type="text"></p>
    <p>Sınıfını Belirleyin</p>
    <form>
    <input type="radio" name="sinif" id="az" value="az"> Az
    <br>
    <input type="radio" name="sinif" id="normal" value="normal"> Normal
    <br>
    <input type="radio" name="sinif" id="cok" value="cok"> Çok
    </form>
    <button type="button" onclick="saatbul()">Hesapla</button>
    <p id="sure"></p>
    <script>
    function saatbul()
    {
    var x=document.getElementById("sayi").value;
    var y;
    
    if (document.getElementById('az').checked)
    {
    y=x*0.5;
    }
    else if (document.getElementById('normal').checked)
    {
    y=x*0.75;
    }
    else
    {
    y=x*0.95;
    }
    document.getElementById("sure").innerHTML=y;
    }
    </script>
    </body>
    </html>

  3. #3
    Join Date
    Dec 2012
    Posts
    5
    Thank you very much for your help. It works

    Can i ask one more question? Why does it not work in wordpress?

  4. #4
    Join Date
    Aug 2012
    Posts
    155
    Sorry, I have no idea why it doesn't work in Wordpress as there could be any number of reasons as Wordpress is such a complex system. Maybe ask in a Wordpress forum.

  5. #5
    Join Date
    Dec 2012
    Posts
    5
    Thanks for your help really. I've been trying on these code for several days.

  6. #6
    Menu.html
    <html>
    <body bgcolor=”orange”>
    <p style =”font-family:verdana; font-size: 16px”>
    <a href=”http://phpden.blogspot.com “ target=”content”> About Us</a>
    <br><br><br>
    <a href=http://www.phpden.blogspot.com target=”_blank”>PhpDen</a>
    <br><br><br.
    </p>
    </body>
    </html>
    Frametest.html
    <html>
    <frameset rows=”18%,70%,12%”>
    <frame src=”header.html” no-resize frameborder=”0” scrolling=”no”>
    <frameset cols=”18%,82%”>
    <frame src=”menu.html” noresize frameborder=”0”>
    <frame src=”body.html” noresize frameborder=”0” name=”content”>
    </frameset>
    </html>

    for continue this material copy this link and paste in address bar .. http[://]phpden[.]blogspot[.]in/2012/09/frames-in-html[.]html

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles