<commit_before>
// For this challenge, you'll focus on the JavaScript that would take a user's input and
// turn it into output. You need to find a way to capture input from the form. You then
// want to output that input to the console using console.log.
//
// This is a tough problem, so tackle it as a group, practicing breaking down baby steps.
// Youll need the Event reference on MDN to find the correct event to listen for and how to
// make it do your bidding (instead of its default behavior).
//
// When turning in this assignment, make sure you put your scripts.js code in the repo,
// but also put the result of the output as a comment in your WIP Issue. Just for good
// measure, drop a few of those comments and be sure to use code fences!
// -------------------------------------------------------------------------------------

// need to grab input from input boxes and selections from the drop down menus and
// print them to the console when the "send your data" button at the bottom is pushed.
//
// will start with getting it to work on one input field then refactor for the whole page.

// setup an even listener that grabs the input from the "first name" box and log it
// to the console.
var firstName = document.getElementById("first_name"); // gets the first name input box
var lastName = document.getElementById("last_name"); //gets the last name input box
var email = document.getElementById("email"); //gets the email input box
var country = document.getElementById("country"); //yep...gets the counrty input box

//setup event listeners for the input boxes to grab the inputs
firstName.addEventListener('change', function(){
  console.log("changed the first name");  //tracer bullet yo
  console.log("first name: ",firstName.value); //tracer bullet...thank you Google
});

lastName.addEventListener('change', function(){
  console.log("changed the last name");  //tracer bullet
  console.log("last name: ",lastName.value); //tracer bullet
});

email.addEventListener('change', function(){
  console.log("changed the email box"); // pew pew
  console.log("email address: ",email.value); //more tracers
});

country.addEventListener('change', function(){
  console.log("selected the country");
  console.log("country: ", country.value);
})

// var submitButton = document.querySelector(".cbp-mc-submit");
//
// submitButton.addEventListener('click', function(){
//   console.log("clicking the submit button")
// });<commit_msg>added bio box<commit_after>
// For this challenge, you'll focus on the JavaScript that would take a user's input and
// turn it into output. You need to find a way to capture input from the form. You then
// want to output that input to the console using console.log.
//
// This is a tough problem, so tackle it as a group, practicing breaking down baby steps.
// Youll need the Event reference on MDN to find the correct event to listen for and how to
// make it do your bidding (instead of its default behavior).
//
// When turning in this assignment, make sure you put your scripts.js code in the repo,
// but also put the result of the output as a comment in your WIP Issue. Just for good
// measure, drop a few of those comments and be sure to use code fences!
// -------------------------------------------------------------------------------------

// need to grab input from input boxes and selections from the drop down menus and
// print them to the console when the "send your data" button at the bottom is pushed.
//
// will start with getting it to work on one input field then refactor for the whole page.

// setup an even listener that grabs the input from the "first name" box and log it
// to the console.
var firstName = document.getElementById("first_name"); // gets the first name input box
var lastName = document.getElementById("last_name"); //gets the last name input box
var email = document.getElementById("email"); //gets the email input box
var country = document.getElementById("country"); //yep...gets the counrty input box
var bio = document.getElementById("bio");//i'm seeing a pattern here

//setup event listeners for the input boxes to grab the inputs
firstName.addEventListener('change', function(){
  console.log("changed the first name");  //tracer bullet yo
  console.log("first name: ",firstName.value); //tracer bullet...thank you Google
});

lastName.addEventListener('change', function(){
  console.log("changed the last name");  //tracer bullet
  console.log("last name: ",lastName.value); //tracer bullet
});

email.addEventListener('change', function(){
  console.log("changed the email box"); // pew pew
  console.log("email address: ",email.value); //more tracers
});

country.addEventListener('change', function(){
  console.log("selected the country");
  console.log("country: ", country.value);
})

bio.addEventListener('change', function(){
  console.log("changed the bio box");
  console.log("biography: ", bio.value);
});

// var submitButton = document.querySelector(".cbp-mc-submit");
//
// submitButton.addEventListener('click', function(){
//   console.log("clicking the submit button")
// });
{'fraction_non_alphanumeric': 0.14218566392479437, 'fraction_numerical': 0.0, 'mean_word_length': 3.3987941429801896, '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': '1335698', 'n_tokens_mistral': 1274, 'n_tokens_neox': 1256, 'n_words': 627}