['illusion', 'measurement', 'earth', 'meditation', 'fusion energy']
Dóna'm un programa en JavaScript que generi un gradient radial de colors que vagi del blau al centre al vermell als extrems. El centre del gradient ha de ser al centre de la finestra del navegador i el radi ha de ser la meitat de l'altura de la finestra.
```html
<!DOCTYPE html>
<html>
<head>
  <title>Gradient radial</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    #gradient {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <canvas id="gradient"></canvas>
  <script>
    const canvas = document.getElementById('gradient');
    const ctx = canvas.getContext('2d');

    function resizeCanvas() {
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      drawGradient();
    }

    function drawGradient() {
      const centerX = canvas.width / 2;
      const centerY = canvas.height / 2;
      const radius = canvas.height / 2;

      const gradient = ctx.createRadialGradient(centerX, centerY, 0, centerX, centerY, radius);
      gradient.addColorStop(0, 'blue');
      gradient.addColorStop(1, 'red');

      ctx.fillStyle = gradient;
      ctx.fillRect(0, 0, canvas.width, canvas.height);
    }

    resizeCanvas();
    window.addEventListener('resize', resizeCanvas);
  </script>
</body>
</html>
```