<commit_before>// U3.W9:JQuery


// I worked on this challenge [by myself, with: ].
// This challenge took me [#] hours.

$(document).ready(function(){

//RELEASE 0:
  //link the image

//RELEASE 1:

  //Link this script and the jQuery library to the jQuery_example.html file and analyze what this code does.

$('body').css({'background-color': 'pink'})

//RELEASE 2:
  //Add code here to select elements of the DOM
bodyElement = $('body')

//RELEASE 3:
  // Add code here to modify the css and html of DOM elements
$('h1').css({'color': 'blue', 'border': '2px', 'visibility': 'visible'})

//RELEASE 4: Event Listener
  // Add the code for the event listener here
$('img').on('mouseover', function(e){
    e.preventDefault()
    $(this).attr('src', 'fat_squirrel.jpg')
  })
$('img').mouseleave('mouseover', function(e){
    e.preventDefault()
    $(this).attr('src', 'dbc_logo.png')
  })

//RELEASE 5: Experiment on your own


$('h1').animate({'font-size': '10em'})



})  // end of the document.ready function: do not remove or write DOM manipulation below this.<commit_msg>Add reflection<commit_after>// U3.W9:JQuery


// I worked on this challenge [by myself, with: ].
// This challenge took me [#] hours.

$(document).ready(function(){

//RELEASE 0:
  //link the image

//RELEASE 1:

  //Link this script and the jQuery library to the jQuery_example.html file and analyze what this code does.

$('body').css({'background-color': 'pink'})

//RELEASE 2:
  //Add code here to select elements of the DOM
bodyElement = $('body')

//RELEASE 3:
  // Add code here to modify the css and html of DOM elements
$('h1').css({'color': 'blue', 'border': '2px', 'visibility': 'visible'})

//RELEASE 4: Event Listener
  // Add the code for the event listener here
$('img').on('mouseover', function(e){
    e.preventDefault()
    $(this).attr('src', 'fat_squirrel.jpg')
  })
$('img').mouseleave('mouseover', function(e){
    e.preventDefault()
    $(this).attr('src', 'dbc_logo.png')
  })

//RELEASE 5: Experiment on your own


$('h1').animate({'font-size': '10em'})



})  // end of the document.ready function: do not remove or write DOM manipulation below this.

// 1. What is jQuery?
// 	jQuery is another way to manipulate a web page, but with more functionality.  It takes
// 	methods that would take a lot of JavaScript to accomplish, and wraps them up into just a
// 	few lines of code.
// 2. What does jQuery do for you?
// 	jQuery allows you to manipulate the HTML or CSS of a page, as well as apply effects and
// 	animations without having to write a whole mess of JavaScript.
// 3. What did you learn about the DOM while working on this challenge?
// 	I learned that you can manipulate any objects in the DOM, as long as they're selected properly.
{'fraction_non_alphanumeric': 0.1503458318165271, 'fraction_numerical': 0.010556971241354204, 'mean_word_length': 3.557213930348259, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7368582', 'n_tokens_mistral': 893, 'n_tokens_neox': 835, 'n_words': 343}