11

amerikai.html

@@ -19,7 +19,7 @@
             onBlur  = 'terfogat_szamol("pintből")'    > pint 
 
 
-    <input  type    = 'button'  value=' <---> '  
+    <input  type    = 'button'  value=' számol'  
             style   = 'margin:24px;'>
 
 
@@ -31,6 +31,48 @@
 
 
 
+<script>
+
+    function huvelyk_szamol(mibol)
+    {
+
+        huvelyk  = parseFloat( document.tav.huvelyk.value  )
+        cm = parseFloat( document.tav.cm.value )
+
+        if( mibol=="hüvelykből"  && huvelyk >0 )
+        {
+            document.tav.cm.value = huvelyk  / 2.56
+        }
+
+        if( mibol=="cmből" &&  cm>0 )
+        {
+            document.tav.huvelyk.value  = cm * 2.56
+        }
+
+    }
+
+</script>
+<form name='tav' style=' width: 320px; margin:32px auto; '>
+
+
+    <input  type  = 'text'    name= 'hüvelyk'   size=5
+
+            onFocus = 'document.tav.reset()'  
+            onBlur  = 'huvelyk_szamol("hüvelykből")'    >huvelyk
+
+
+    <input  type    = 'button'  value=' számol '  
+            style   = 'margin:24px;'>
+
+
+    <input  type    = 'text'  name= 'cm'  size=5
+            onFocus = 'document.tav.reset()'
+            onBlur  = 'huvelyk_szamol("cmből")'   > cm
+
+</form>
+
+
+
 <script>
 
     function terfogat_szamol(mibol)
@@ -53,35 +95,8 @@
 
 </script>
 
-    <div class="row">
-        <div class=" col-4">
-            <input type="text">
-            <p>Hüvelyk</p>
-            <input type="text">
-            <p>Láb</p>
-            <input type="text">
-            <p>Yard</p>
-            <input type="text">
-            <p>Mérföld</p>
-
-
-        </div>
-        <div class="col-4">
-            <button>Számol</button>
-        </div>
-        <div class="col-4">
-            <input type="text">
-            <p>mm</p>
-            <input type="text">
-            <p>cm</p>
-            <input type="text">
-            <p>m</p>
-            <input type="text">
-            <p>km</p>
-
-        </div>
-    </div>
-
+   
+    
 </body>
 
 </html>