index.html

<!DOCTYPE html>
<html>
    <head>
        <title>El juego de la vida</title>
        <script src="index.js" type="text/javascript"></script>
        <link href="index.css" rel="stylesheet"></link>
    <meta charset="utf-8">
    </head>
    <body onload="init()">
        <div id="contenedor">
            <canvas  id="canvas" height="500px" width="500px"></canvas>
            <button id="comenzar">Iniciar</button>
            <button id="reiniciar">Nuevo juego</button>
        </div>
         <div id="instrucciones">
            <h1>Juego de la vida</h1>
            <p>El juego de la vida es un autómata celular diseñado por el matemático británico John Horton Conway en 1970.El juego de la vida es en realidad un juego de cero jugadores, lo que quiere decir que su evolución está determinada por el estado inicial y no necesita ninguna entrada de datos posterior</p>
            <h2>Intrucciones</h2>
            <p>En el cuadro puedes seleccionar los puntos iniciales dando clic en cualquier punto,
            si quieres borrarlo da clic de nuevo, cuando termines, da clic en el boton <strong>Iniciar</strong> 
            y comenzara "El juego de la vida"</p>
            <p>Para detenerlo o iniciar uno nuevo da clic en el boton <strong>Nuevo juego</strong></p>
        </div>
    </body>

</html> 