Unidad de datos de la herramienta de conversión en JavaScript

Aquí, vamos a aprender más sobre la JavaScript mediante el uso de un ejemplo que es herramienta de conversión de unidades de datos .

Hola! A veces, los principiantes siempre les resulta difícil conseguir la aplicación de la teoría que aprenden en la programación o un idioma determinado.

En este artículo, vamos a ver otra aplicación de JavaScript.

Una pequeña herramienta aplicación web que la medición convierte los datos de una unidad a otra .

class ejemplo, de kilobytes a megabytes .

Haremos uso de 3 formas y 2 botones.

la comprensión de cómo se construyen los proyectos de ayuda a expandir nuestra mente y ser más creativo.

En este proyecto, he usado un estilo CSS muy simple, pero no dude si tiene algo mejor.

Puede modificar aún más que a algo mejor como desee.

Abra un editor de texto y escriba el código de abajo.

Guardar el archivo con los datos de nombres tool.html

NB: Puede seguir utilizando su estilo CSS deseada!

Data Unit Conversion Tool in JavaScript - 4

Código:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Good coders code, great coders reuse.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style-index.css">
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="logo">
<a href="https://go237.com"><img src="images/logo.png" alt="comic.browserling.com logo" title="Tools For All"></a>
</div>
</div>
<div id="body">
<h1>Coders</h1>
<div id="text">
Good coders code, great coders reuse.
</div>
<hr>
<script type=t ext/javascript>
function go () { var x = document.getElementById('#1').value; var z = x/1024 ; document.getElementById('#2').value = z; } function go2 () { var y = document.getElementById('#2').value; var z = y/1024 ; document.getElementById('#3').value = z; }
</script>
<center>
KB:
<input type="number" id='#1' placeholder='0KB' required /> MB:
<input type="number" id='#2' placeholder='0MB' readonly disabled/> GB:
<input type="number" id='#3' placeholder='0GB' readonly disabled/>
<br/>
<br/>
<img id='pic' src="1.gif" width: '30%'>
<br/>
<br/>
<input type="button" onclick='go();' value='Go!' />
<input type="button" onclick='go2();' value='Next!' />
<center>
<br/>
<br/>
</form>
</body>
</html>

abrir el archivo HTML y poner a prueba su aplicación web

Gracias For de codificación conmigo. Tus comentarios son mas que bienvenidos.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *