wow time to learn!
making lists with buttons and input and such..
javascript:
have an input type = to text id = new todo item
input type = button id = add item button
value = add item

attach event listener to bottom of page, not in line 
(learn for yourself how to make it happen with pressing the enter key)

<script>
document.getElementById('id of button or box ').addEventListener('event',function);

funtion funcName(){
alert(for testing);
}

creatElement
var elem = document.createElement('tag');
var newitem = docuemtn.createElement('li') = empty list tag
var val = document.getElementById('todoitem').value;
var text = document.createTextNode("val "); = the inner html of something
adding text to our created list
storing the input from the box into var val which is then passed to createTextnode which displays the text 

want to add text from input to our created list 

elem.appendChild(

newitem.appendChild(text); 

var myList = docuement.getElementbyId('todolist');
myList.appendChild(newitem);


when i have the time after the midterm, i should go back to github and fix my stars website. think if i make a bunch of canvases, that have stars in them, then have those be when you mouse over the canvas it becomes visible. 
////////////////////////////////////////////////////////////////////////////////

i was right! using a for loop to make the grid!! so this should be a pretty easy lab, could get it done after the midterm tomorrow...
then we could also do the stars
/////////////////////////////////////////////////////////////////////////
10/23/17
make an array var with 6  values each going up to six, like a die. 

var arr = [11,22,33];
so far the hw it would be 
var arr = [1,2,3,4,5,6]; = one die
var arr[i] random value = i;
then we get one number 1-6 yes?
yea for loops!
for(i=0;i<arr.length;i++){
dice[i]=math.floor(math.random()*6) +1;
}
there we do go! yes yes i was right!!! damn im good! muhahahahahahaha
then we need to keep a running total of these numbers that we get...
so var total = 0;

total+= dice[i];
in the for loop 
and we can name ours vars literaly to help out, such as dice roll total etc. there we do go.
and make it for the comp oppenent as well 

need a total for the total 
fucntion roll(){
you know what to put 
overalltotal+=total;
in the function... label as human dice and comp dice...
have comp in the same function.
one button to rule them all 
in function stand we evaluate human and comp total and show winner and reset the global vars just set to blank easy...
test for bust in roll func
its a link not a button onclick because its all seperate files!

///////////////////////////////////////////////////////////////
10/25/17
objects in arrays 
javascript arrays have numerical indexes 0---size;
arr.length
arr[4] =44 ---arr.length ==5 
we could have holes...need to be careful

var arr = [11,22,33];

4 functions that we can use with these arrays
push and pop
arr.push(44); ----this will add 44 arr[3] --add to the back

var r =arr.pop(); removes the last elem of an array returns the removed element

arr[arr.length] =99; ----always add elem to the last index of array 

unshift and shift 
add to front and remove front 

arr.sort(function(a,b){return(a-b);});
a-b accending
a+b deccending
b-a
b+a
///////////
and now for a collection of elements! not just one at a time 
3 paragraph tags
getElementsByTagName 
querey selectorsc
class names and id as well

///////////
javascript objects ---associative arrays----arr['keys];
var class = { 
     teahcer:'name',
     title; 'webdev',
     studCount:30,
    room: "lab240'
};
using the names as array indexs pretty cool 


////////////////////////////////////////////////

bootstrap is moblie friendly css will fit page depending on device 
precomsotie classes.
some javascript for animations 
its written in jquery in bootstrap 
im totally fine with being a code monkey so long as it gets me paid...
useing bootstrap and jquery in final project. 
lab 12? due the 20th, cool, i can redo lab11 and work on the card game all week get that shit done son!
finally! setting the width so that it cahnges with the page!!!! woo
need to download bootstrap to use, going to use bootstrap 3 
getbootstrap.com
could just link it in header 
set paste 


DEC 6th and 8th for presenting final web projects 
cool,cool,cool see the requirements, use this lab as a strating frame work for bundle my bill, find a paper cowboy called bundle bill lol 
do some sudeo code, drawout each page what will happend when what is clicked, you have the time, you have the skill, make it happen 

DUE DEC 11th!!!!!!!!!!!!!


what you could do for the email line of the form, have type in user name then select an @______.com with a drop down menu including gmail,yahoo,aol,hotmail,



php is a server side scripting language 
exists on the server 
top to bottom inturpeted behaves like an html
do not have to have just php could have js,css 
php is its own language
server handles request, interpretur is going to output, generates a response line by line 

<syntax>

<?php
echo "<h1> blah blah</h1>";
?>
loose butthole language
echo = print out 

$name = "john doe";
echo $name;

if else
switch
while
do while
for
for each $arr as $key=> $val
int,float,strings,boolean
arrays,objects,via numerical

interpreted server side 
 
//dynamic content 




/////////////////////////////////////////////////////////////////////
so yea work on the ethics presentation then devote your time to bundle my bill
presenting on firday, LATE DAY TO HAV IT SUBMITTED IS DEC 11th. 
/////////////////////////////////////////////////////////////
bootstrap/javascript form/buttons/authrization/ validate.php/change and work from there. 
///////////////////////////////////////////////////////////////////
making a form...wonderful, i need this
//////
draw out page see what we need, make a list, 
-drop down menu with service prodivers
-fill in for credit card, have it display which card it is based on the numbers
-sign in screen
-about page-
-contact page-
-my bills page-from here can manage bills
-add new bill button/remove bill button-
-home page-
-signed in home page-
-date select to chose which date the bill is paid
-input for each bill, like adding job experiance, can add or remove bill, 
-calculate running total of bill-
-be able to split bill between mulitple forms of payment
need to draw it out see what is on what screen
//////////////////////////////////////////
well this is gonna be though, no one said it would be easy...


////////////////////////////////////////////////////////
///////////////////////////////////////////////////////

-if session is active.. set nav bar logout
else- set nav bar-
echo html nav bar
else
echo nav bar with other options 
make another page with similar header
ajax load 
jquery hide with ids
show others when hidden