git.js

//  "https://github.com/A1exisMartinez/NOAE",
//   "https://github.com/A1exisMartinez/ITLOM",
//   "https://github.com/A1exisMartinez/Seat-Geek",
//   "https://github.com/A1exisMartinez/Hackathon-Group-Project",
//   "https://github.com/A1exisMartinez/Music-Playlist",
//   "https://github.com/A1exisMartinez/-Key-Climate-",
//
const button0 = document.querySelector(".git-button");
const button1 = document.querySelector(".git-button1");
const button2 = document.querySelector(".git-button2");
const button3 = document.querySelector(".git-button3");
const button4 = document.querySelector(".git-button4");
const button5 = document.querySelector(".git-button5");
const button6 = document.querySelector(".git-button6");
const button7 = document.querySelector(".git-button7");
const button8 = document.querySelector(".git-button8");
const button9 = document.querySelector(".git-button9");
const button10 = document.querySelector(".git-button10");
const button11 = document.querySelector(".git-button11");

// these 2 functions are for the 2 buttons for the first image!
function openLink() {
  // Replace 'your_link_here' with the actual link you want to open
  var link = 'https://github.com/A1exisMartinez/NOAE';
  // Open the link in a new tab
  window.open(link, '_blank');
}

button0.addEventListener('click', openLink);


function openLink1() {
  // Replace 'your_link_here' with the actual link you want to open
  var link1 = 'https://a1exismartinez.github.io/NOAE/';
  // Open the link in a new tab
  window.open(link1, '_blank');
}

button1.addEventListener('click', openLink1);

// The 2 functions below are for the 2 image!

function openLink2() { 
  const link2 = 'https://github.com/A1exisMartinez/ITLOM';
  window.open(link2,'_blank');
}
button2.addEventListener('click', openLink2); 

function openLink3() {
  const link3 = 'https://a1exismartinez.github.io/ITLOM/';
  window.open(link3, '_blank');
}
button3.addEventListener('click', openLink3);

// The 2 functions below are for the 3 image!
function openLink4() {
  const link4= 'https://github.com/A1exisMartinez/Seat-Geek';
  window.open(link4, '_blank');
}
button4.addEventListener('click', openLink4);

function openLink11() {
  const link11 = 'https://a1exismartinez.github.io/Seat-Geek/';
  window.open(link11, '_blank');
}
button11.addEventListener('click', openLink11);

//The 2 functions below are for the 4 image! 

function openLink5() {
  const link5 = 'https://github.com/A1exisMartinez/Hackathon-Group-Project';
  window.open(link5, '_blank');
}
button5.addEventListener('click', openLink5);

function openLink6 () { 
  const link6 = 'https://a1exismartinez.github.io/Hackathon-Group-Project/';
  window.open(link6, '_blank');
}
button6.addEventListener('click', openLink6);

// The 2 functions below are for image 5!

function openLink7 () {
  const link7 ='https://github.com/A1exisMartinez/Music-Playlist';
  window.open(link7, '_blank');
}
button7.addEventListener('click', openLink7);

function openLink8 () { 
  const link8 = 'https://a1exismartinez.github.io/Music-Playlist/';
  window.open(link8, '_blank');
}
button8.addEventListener('click', openLink8);


// The 2 functions below are for image 6!

function openLink9 () {
  const link9 ='https://github.com/A1exisMartinez/-Key-Climate-';
  window.open(link9, '_blank');
}
button9.addEventListener('click', openLink7);

function openLink10 () { 
  const link10 = 'https://a1exismartinez.github.io/-Key-Climate-/';
  window.open(link10, '_blank');
}
button10.addEventListener('click', openLink10);