title: How to insert array subscript in a parenscript expression?
body: <p>I have this code working in javascript:</p>
  <pre class="lang-js prettyprint-override"><code>(document.querySelectorAll('[rel=&quot;next&quot;]'))[0].click()
  </code></pre>
  <p>I am trying to write the same thing in <a href="https://common-lisp.net/project/parenscript/" rel="nofollow noreferrer">parenscript</a> (a library from the Common Lisp ecossystem). The expressions in my current sketches are being evalued by the REPL under a package called Nyxt availabe <a href="https://github.com/atlas-engineer/nyxt" rel="nofollow noreferrer">here</a>.</p>
  <pre><code>CL-USER&gt; (in-package :nyxt)
  </code></pre>
  <p>Nyxt is designed to be an infinitely extensible browser. Thus, the user can change the code and/or create extensions while the program is running. This is live hackability by design.</p>
  <p>Here is the code:</p>
  <pre class="lang-lisp prettyprint-override"><code>(ps:chain document (query-selector-all &quot;[rel=next]&quot;)) (click))
  </code></pre>
  <p>Using <code>ps:ps</code> I can &quot;see&quot; what parenscript is building:</p>
  <pre class="lang-lisp prettyprint-override"><code>NYXT&gt; (ps:ps (ps:chain document (query-selector-all &quot;[rel=next]&quot;) (click)))
  &quot;document.querySelectorAll('[rel=next]').click();&quot;
  </code></pre>
  <p>The above result is close to what I need. However, there is still one thing missing: the subscription of the parenscript array (id. est., &quot;[0]&quot; in Javascript), before the <code>.click()</code>.</p>
  <p>I have some <strong>failed</strong> <strong>attempts</strong>.</p>
  <ol>
  <li>If I try:</li>
  </ol>
  <pre><code>NYXT&gt; (ps:ps (ps:chain document (query-selector-all &quot;[rel=next]&quot;) [0] (click)))
  </code></pre>
  <p>I get an extra &quot;.&quot;:</p>
  <pre><code>&quot;document.querySelectorAll('[rel=next]').[0].click();&quot;
  </code></pre>
  <ol start="2">
  <li>If I try:</li>
  </ol>
  <pre><code>NYXT&gt; (ps:ps (ps:chain document (query-selector-all &quot;[rel=next]&quot;) ([0]) (click)))
  </code></pre>
  <p>I get an extra &quot;.&quot; and unnecessary &quot;()&quot;:</p>
  <pre><code>&quot;document.querySelectorAll('[rel=next]').[0]().click();&quot;
  </code></pre>
  <ol start="3">
  <li>If I try:</li>
  </ol>
  <pre><code>NYXT&gt; (ps:ps (ps:chain document (query-selector-all &quot;[rel=next]&quot;)[0] (click)))
  </code></pre>
  <p>I get an extra &quot;.&quot;:</p>
  <pre><code>&quot;document.querySelectorAll('[rel=next]').[0].click();&quot;
  </code></pre>
  <ol start="4">
  <li>If I try:</li>
  </ol>
  <pre><code>NYXT&gt; (ps:ps (ps:chain document (query-selector-all &quot;[rel=next]&quot; [0]) (click)))
  </code></pre>
  <p>I get an extra <code>[0]</code> as another argument:</p>
  <pre><code>&quot;document.querySelectorAll('[rel=next]', [0]).click();&quot;
  </code></pre>
  <p>How do I insert it?</p>