Task copy

by Jonathon Mascorella

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<body>

<div class="container" id="voting">
  <h3>Inline List</h3>
  <ul class="nav nav-pills">
  <!-- I also changed the HREF in the first link. This needs to be the same as the ID in each tab-content area -->
   <li class="active"><a href="#home">Home</a></li>
   <li><a href="#menu1">Menu 1</a></li>
   <li><a href="#menu2">Menu 2</a></li>
 </ul>
</div>

<div class="tab-content">
  <div id="home" class="tab-pane fade in active">
    <h3>HOME</h3>
    <p>Some content.</p>
  </div>
  <div id="menu1" class="tab-pane fade">
    <h3>Menu 1</h3>
    <p>Some content in menu 1.</p>
  </div>
  <div id="menu2" class="tab-pane fade">
    <h3>Menu 2</h3>
    <p>Some content in menu 2.</p>
  </div>
</div>


</body>

JavaScript

// Tabs
//The main problem is this IIFE -> Read the Bootstrap Documentation under JS
$('#voting a').click(function (e) {
  e.preventDefault()
  $(this).tab('show')
})
  
  //array with Voter info
user_array = [];
console.log(user_array);
user_array.push({
	id: 02934,
	firstName:'jonathon',
  lastName: 'mascorella',
  password: 'Mas12954'
},
{
	id: 02834,
	firstName:'Ryan',
  lastName: 'Fosse',
  password: 'Fos19234'
});

//Test the Users Imput 
function login() {
  var id_Imput = document.getElementById("login_Imput").value;
  var Pass_imput = document.getElementById("password_Imput").value;
 
}