Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

JavaScript Need help to get the script correct

PutteLundis

New Coder
I need below scipt to work and I´ve been trying for at long time to get the calculation to work but without luck. I am trying to make a calculation from lb and ounce to gr and dl. Can somebody please show me how the script should be?

HTML:
<!doctype html>
<html>
   
<head>
<meta charset="utf-8">
<center>
    <style>
<title><font face="Impact">Matlagning och bakning</title></font>
<font face="Verdana, arial, Georgia Normal">   
    <body bgcolor="white" text="black">
 </style>   
</head> <body>
    <BODY BACKGROUND = "bakning.jpg"
 


<p><h1>Jag älskar att laga mat och baka.</h1> <br>
<i>När jag var liten älskade jag att kolla på nakna kocken och inspireras av pastarätterna som lagades, på julen bakade jag massor med min mamma.</i><bk>
    Nu på äldre dagar vill jag kunna göra pecan pie´s, sweetpotato pie och andra roliga amerikaska pannkakor.<br>
Svårigheten är att allt som bakas "over there" har andra mått.<br>
Jag behöver hela tiden googla vad det ena eller andra måttet blir i dl eller liter.<br>
Därför tror jag denna omvandlare kan vara till en stor hjälp och skapa förutsättnigar att lite enklare kunna baka den där goda bakelsen som jag annars lagt på hyllan. <br>
<br>
För att börja någonstans så vill jag att ni ska se hur tabellerna är uppbygda och vilka mått som ligger till grund till omvandlaren så att ni även kan träna in i huvudet vad som är vad. Vi börjar med de mest vanliga måtten. <br>
<br>
<HR WIDTH="100%">
<b>Viktmått</b><br>
<br>
I tabellen nedan hittar du viktmått som du ofta använder vid bakning eller matlagning. Hur många gram är ett kilo osv.
<br>
<table width="450" border="1">
   
    <th>Enhet</th>
    <th>Förkortning</th>
    <th>Samband</th>
<tr><td>Kilogram </td><td>Förkortning </td><td>1 kg = 10 hg = 1000 g </td></tr>
<tr><td>Hektogram</td><td>hg</td><td>1 hg = 100 g</td></tr>
<tr><td>Gram</td><td>gr</td><td>1 g = 0,01 hg = 0,001 kg</td></tr>
</table>
<br>
<HR WIDTH="100%">
<h3>Volymmått</h3>
I tabellen nedan hittar du volymmått som du ofta använder vid bakning eller matlagning. <br>
<table width="450" border="1">
    <th>Enhet</th>
    <th>Förkortning</th>
    <th>Samband</th>
<tr><td>Liter</td><td>l</td><td>1 l = 10 dl = 100 cl = 1000 ml</td></tr>
<tr><td>Deciliter</td><td>dl</td><td>1 dl = 10 cl = 100 ml</td></tr>
<tr><td>Centiliter</td><td>cl</td><td>1 cl = 10 ml</td></tr>
<tr><td>Milliliter</td><td>ml</td><td>1 ml = 1 krm</td></tr>
<tr><td>Matsked</td><td>msk</td><td>1 msk = 3 tsk = 15 ml</td></tr>
<tr><td>Tesked</td><td>tsk</td><td>1 tsk = 5 krm = 5 ml</td></tr>
<tr><td>Kryddmått</td><td>krm</td><td>1 krm = 1 ml</td></tr>
<tr><td>Kaffekopp</td><td>kkp</td><td>1 kkp = 1,5 dl</td></tr>
<tr><td>Glas</td><td>Glas</td><td>1 glas = 2 dl</td></tr>
</table>
<br>
<HR WIDTH="100%">
<h3>Utländska mått</h3>
Det finns många utländska mått och om du vill testa på utländska recept kan det vara bra att veta hur mycket ett utländskt mått är i våra svenska mått.<br>
Här nedan hittar du några vanliga utländska mått som du kan stöta på vid matlagning eller bakning. <br>
<br>
<table width="450" border="1">
    <th>Typ</th>
    <th>Namn</th>
    <th>Samband</th>
<tr><td>Vikt</td><td>Pound</td><td>1 lb = 16 oz = 454g</td></tr>
<tr><td>Vikt</td><td>Ounce</td><td>1 oz = 28,35g</td></tr>
<tr><td>Amerikansk volym</td><td>cup</td><td>2,4 dl</td></tr>
</table>
<HR WIDTH="100%">
    <script type="text/javascript">
        function VisaVarden(o) {
        var o1=document.getElementById("info1");
        var o2=document.getElementById("info2");
        var o3=document.getElementById("info3");
        o1.value="454";
        o2.value="28.35";
        o3.value="2.4";
        if(o.selectedIndex>0) {
            var arrValues=o.options[o.selectedIndex].value.split(":");
            o1.value=arrValues[454];
            o2.value=arrValues[28.35];
            o3.value=arrValues[2.4];
 
        }
        }
        </script>
        <select name="Value" id="Value" onchange="VisaVarden(this);">
        <option value="">Välj mått</option>
        <option value="1lb:454gr:454">Pound</option>
        <option value="3,75:0,768:800">Ounce</option>
        <option value="3,75:0,768:800">Cup</option>
     
        </select>
        <input type="number" id="Pound" />
        <input type="number" id="Ounce" />
        <input type="number" id="Cup" />
</FONT>
</center>
</body>
</html>
 
Last edited by a moderator:
[{
"resource": "/Users/patriklundholm/Desktop/Skola/Inlämning html/Bakning.html",
"owner": "_generated_diagnostic_collection_name_#3",
"code": "css-lcurlyexpected",
"severity": 8,
"message": "{ expected",
"source": "css",
"startLineNumber": 9,
"startColumn": 8,
"endLineNumber": 9,
"endColumn": 9
},{
"resource": "/Users/patriklundholm/Desktop/Skola/Inlämning html/Bakning.html",
"owner": "_generated_diagnostic_collection_name_#3",
"code": "css-ruleorselectorexpected",
"severity": 8,
"message": "at-rule or selector expected",
"source": "css",
"startLineNumber": 9,
"startColumn": 1,
"endLineNumber": 9,
"endColumn": 2
}]
 
Yeah, that's a mess for sure. The W3C online validator considers it hopeless after reporting 12 errors in the first 17 lines. Why oh why don't people validate their HTML ??? It's almost as incomprehensible as people not checking their debugger console for script errors 😮
 
These ID's you try to access to do not exist in HTML at all. And you are trying to change their values. Just, how? You achieve nothing by doing so.
JavaScript:
var o1=document.getElementById("info1");
var o2=document.getElementById("info2");
var o3=document.getElementById("info3");

Note: Scripts should be always placed at the bottom of the page (before html tag closes). You don't want them between html tag.
 
Back
Top Bottom