Eventos: click y dblclick

PROBLEMA

  1. Realizar un programa que muestre en un div el número 2. Cada vez que se hace doble clic sobre el mismo duplicar el valor contenido en el div.
Solución
Problema 1.


<html>
<head>

<script type="text/javascript">

  addEventListener('load',inicio,false);

  function inicio()
  {
    document.getElementById('numero').addEventListener('dblclick',duplicar,false);
  }

  function duplicar()
  {
    var valor=document.getElementById('numero').innerHTML;
    valor=parseInt(valor);
    var resultado=valor*2;
    document.getElementById('numero').innerHTML=resultado;

  }

</script>

</head>
<body>

<div id="numero">2</div>

</body>
</htm>



Retornar al menu