I don't know what seems to be the problem

Tell us what’s happening:

  **Your code so far**

<!-- Only change code above this line -->
$(document) .ready(function () {
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
  <div class="col-xs-6">
    <div class="well" id="left-well">
      <button class="btn btn-default target" id="target1">#target1</button>
      <button class="btn btn-default target" id="target2">#target2</button>
      <button class="btn btn-default target" id="target3">#target3</button>
  <div class="col-xs-6">
    <div class="well" id="right-well">
      <button class="btn btn-default target" id="target4">#target4</button>
      <button class="btn btn-default target" id="target5">#target5</button>
      <button class="btn btn-default target" id="target6">#target6</button>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36.

Challenge: Learn How Script Tags and Document Ready Work

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/jquery/learn-how-script-tags-and-document-ready-work :expressionless: :laughing:

I’m not sure at all, but there seems to be an unnecessary space between your $(document) and the .ready. Try to change it, good luck!

Edit: in addition to that, you should avoid the spaces between a function and the parentheses where you enter its arguments.

thanks for the help. I really appreciate.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.