Skip to content

Instantly share code, notes, and snippets.

/index.html

Created September 28, 2015 23:44
Show Gist options
  • Save anonymous/3220700eaad607405164 to your computer and use it in GitHub Desktop.
Save anonymous/3220700eaad607405164 to your computer and use it in GitHub Desktop.
Download ZIP
Bill Starr 5x5: Modified // source http://jsbin.com/woyoci
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bill Starr 5x5: Modified</title>
<link href="CSS/BillStarr.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel=
'stylesheet' type='text/css'>
<style id="jsbin-css">
.banner {
background-attachment:fixed;
background-image:url("http://i.ytimg.com/vi/Ym_uRiLWdlU/maxresdefault.jpg");
background-position:center top;
background-size:cover;
text-align:center;
padding-top:2em;
padding-left:50em;
padding-bottom:13em;
color:#fff;
font-family:'Montserrat',sans-serif
}
.NumberTable {
background:-webkit-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Chrome 10+, Saf5.1+ */
background:-moz-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* FF3.6+ */
background:-ms-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* IE10 */
background:-o-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Opera 11.10+ */
background:linear-gradient(90deg,#304352 10%,#d7d2cc 90%)
/* W3C */
}
table {
margin:0 auto
}
table td {
padding:10px;
border:1px solid;
background-color:silver
}
h3 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
}
h4 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
text-align: center;
}
.OneMax {
font-family:'Montserrat',sans-serif;
font-size:15px;
padding-right:80px
}
#squatMax,#benchMax,#dlMax,#inclineMax,#rowMax {
background:no-repeat 10px 6px #333;
color:#fff;
width:40px;
padding:6px 15px 6px 35px;
margin-bottom:3px;
border-radius:20px;
transition:500ms all ease
}
#squatMax:hover,#benchMax:hover,#dlMax:hover,#inclineMax:hover,#rowMax:hover {
width:70px;
height:25px
}
#demobutton {
font-family:'pictos';
font-size:45px;
line-height:40px;
text-align:center;
color:rgba(0,0,0,0.5);
text-shadow:rgba(0,0,0,0.1) 0 -2px 1px,#fff 0 1px 2px;
width:200px;
height:60px;
padding:10px;
margin:50px auto;
position:static;
z-index:50;
cursor:pointer;
margin-top:50px;
background-color:transparent;
border:rgba(0,0,0,0.3) 1px solid;
border-top-color:rgba(0,0,0,0.1);
border-left-color:rgba(0,0,0,0.2);
border-right-color:rgba(0,0,0,0.2);
border-bottom-color:rgba(0,0,0,0.3);
box-shadow:inset rgba(255,255,255,0.3) -5px -30px 10px,inset rgba(255,255,255,0.3) 0 30px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px;
-webkit-transition:-webkit-box-shadow 0 ease-in-out;
-khtml-transition:-khtml-box-shadow 0 ease-in-out;
-moz-transition:-moz-box-shadow 0 ease-in-out;
-o-transition:-o-box-shadow 0 ease-in-out;
transition:box-shadow 0 ease-in-out;
background-image:-webkit-radial-gradient(50% 0%,8% 50%,hsla(0,0%,100%,.2) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(50% 100%,12% 50%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(0% 50%,50% 7%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(100% 50%,50% 5%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 3%,hsla(0,0%,0%,.1) 3.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,0) 2.2%)
}
#demobutton:before,#demobutton:after {
content:"";
display:block;
position:absolute
}
#demobutton:before {
z-index:-50;
width:200px;
height:64px;
margin-top:-15px;
margin-left:-11px;
background:#666;
background:-moz-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#666),color-stop(50%,#bbb),color-stop(100%,#666));
background:-webkit-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-o-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-ms-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#666666',GradientType=1);
background:linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
box-shadow:#000 0 0 2px
}
#demobutton:after {
z-index:-100;
width:70px;
height:70px;
margin-top:-60px;
margin-left:-16px;
background:rgba(0,0,0,0.1);
box-shadow:inset rgba(255,255,255,0.1) 0 -5px 5px,rgba(0,0,0,0.1) 0 3px 3px,rgba(255,255,255,0.05) 0 -3px 3px
}
#demobutton:hover {
color:rgba(0,0,0,0.6);
text-shadow:#fff 0 0 3px;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px
}
#demobutton:active {
margin-top:46px;
color:#fff;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 2px 3px
}
#demobutton:active:before {
height:60px;
margin-top:-11px
}
</style>
</head>
<body>
<div class="banner">
<h1 style="text-align:center">Bill Starr 5x5 Calculator
(Modified-Lbs)</h1><br>
<h4>Please provide your 5 rep max for each below:</h4>
<div class="OneMax">
<input id="squatMax" type="text" value="0"> Squat<br>
<input id="benchMax" type="text" value="0"> Bench<br>
<input id="dlMax" type="text" value="0"> Deads<br>
<input id="inclineMax" type="text" value="0"> Incline<br>
<input id="rowMax" type="text" value="0"> bbRow
</div><br>
<input id="demobutton" type="button" value="Calculate">
</div>
<div class="NumberTable">
<h3>Week 1</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M1S1">1</td>
<td id="M1S2">2</td>
<td id="M1S3">3</td>
<td id="M1S4">4</td>
<td id="M1S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M1B1">1</td>
<td id="M1B2">2</td>
<td id="M1B3">3</td>
<td id="M1B4">4</td>
<td id="M1B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M1R1">1</td>
<td id="M1R2">2</td>
<td id="M1R3">3</td>
<td id="M1R4">4</td>
<td id="M1R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W1S1">1</td>
<td id="W1S2">2</td>
<td id="W1S3">3</td>
<td id="W1S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W1I1">1</td>
<td id="W1I2">2</td>
<td id="W1I3">3</td>
<td id="W1I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W1D1">1</td>
<td id="W1D2">2</td>
<td id="W1D3">3</td>
<td id="W1D4">4</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<h4>Friday</h4>
<tr>
<td>Squat</td>
<td id="F1S1">1</td>
<td id="F1S2">2</td>
<td id="F1S3">3</td>
<td id="F1S4">4</td>
<td id="F1S5">5</td>
<td id="F1S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F1B1">1</td>
<td id="F1B2">2</td>
<td id="F1B3">3</td>
<td id="F1B4">4</td>
<td id="F1B5">5</td>
<td id="F1B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F1R1">1</td>
<td id="F1R2">2</td>
<td id="F1R3">3</td>
<td id="F1R4">4</td>
<td id="F1R5">5</td>
<td id="F1R6">6</td>
</tr>
</table>
<hr>
<h3>Week 2</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M2S1">1</td>
<td id="M2S2">2</td>
<td id="M2S3">3</td>
<td id="M2S4">4</td>
<td id="M2S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M2B1">1</td>
<td id="M2B2">2</td>
<td id="M2B3">3</td>
<td id="M2B4">4</td>
<td id="M2B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M2R1">1</td>
<td id="M2R2">2</td>
<td id="M2R3">3</td>
<td id="M2R4">4</td>
<td id="M2R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W2S1">1</td>
<td id="W2S2">2</td>
<td id="W2S3">3</td>
<td id="W2S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W2I1">1</td>
<td id="W2I2">2</td>
<td id="W2I3">3</td>
<td id="W2I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W2D1">1</td>
<td id="W2D2">2</td>
<td id="W2D3">3</td>
<td id="W2D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F2S1">1</td>
<td id="F2S2">2</td>
<td id="F2S3">3</td>
<td id="F2S4">4</td>
<td id="F2S5">5</td>
<td id="F2S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F2B1">1</td>
<td id="F2B2">2</td>
<td id="F2B3">3</td>
<td id="F2B4">4</td>
<td id="F2B5">5</td>
<td id="F2B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F2R1">1</td>
<td id="F2R2">2</td>
<td id="F2R3">3</td>
<td id="F2R4">4</td>
<td id="F2R5">5</td>
<td id="F2R6">6</td>
</tr>
</table>
<hr>
<h3>Week 3</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M3S1">1</td>
<td id="M3S2">2</td>
<td id="M3S3">3</td>
<td id="M3S4">4</td>
<td id="M3S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M3B1">1</td>
<td id="M3B2">2</td>
<td id="M3B3">3</td>
<td id="M3B4">4</td>
<td id="M3B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M3R1">1</td>
<td id="M3R2">2</td>
<td id="M3R3">3</td>
<td id="M3R4">4</td>
<td id="M3R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W3S1">1</td>
<td id="W3S2">2</td>
<td id="W3S3">3</td>
<td id="W3S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W3I1">1</td>
<td id="W3I2">2</td>
<td id="W3I3">3</td>
<td id="W3I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W3D1">1</td>
<td id="W3D2">2</td>
<td id="W3D3">3</td>
<td id="W3D4">4</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<h4>Friday</h4>
<tr>
<td>Squat</td>
<td id="F3S1">1</td>
<td id="F3S2">2</td>
<td id="F3S3">3</td>
<td id="F3S4">4</td>
<td id="F3S5">5</td>
<td id="F3S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F3B1">1</td>
<td id="F3B2">2</td>
<td id="F3B3">3</td>
<td id="F3B4">4</td>
<td id="F3B5">5</td>
<td id="F3B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F3R1">1</td>
<td id="F3R2">2</td>
<td id="F3R3">3</td>
<td id="F3R4">4</td>
<td id="F3R5">5</td>
<td id="F3R6">6</td>
</tr>
</table>
<hr>
<h3>Week 4</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M4S1">1</td>
<td id="M4S2">2</td>
<td id="M4S3">3</td>
<td id="M4S4">4</td>
<td id="M4S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M4B1">1</td>
<td id="M4B2">2</td>
<td id="M4B3">3</td>
<td id="M4B4">4</td>
<td id="M4B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M4R1">1</td>
<td id="M4R2">2</td>
<td id="M4R3">3</td>
<td id="M4R4">4</td>
<td id="M4R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W4S1">1</td>
<td id="W4S2">2</td>
<td id="W4S3">3</td>
<td id="W4S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W4I1">1</td>
<td id="W4I2">2</td>
<td id="W4I3">3</td>
<td id="W4I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W4D1">1</td>
<td id="W4D2">2</td>
<td id="W4D3">3</td>
<td id="W4D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F4S1">1</td>
<td id="F4S2">2</td>
<td id="F4S3">3</td>
<td id="F4S4">4</td>
<td id="F4S5">5</td>
<td id="F4S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F4B1">1</td>
<td id="F4B2">2</td>
<td id="F4B3">3</td>
<td id="F4B4">4</td>
<td id="F4B5">5</td>
<td id="F4B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F4R1">1</td>
<td id="F4R2">2</td>
<td id="F4R3">3</td>
<td id="F4R4">4</td>
<td id="F4R5">5</td>
<td id="F4R6">6</td>
</tr>
</table>
<hr>
<h3>Week 5</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M5S1">1</td>
<td id="M5S2">2</td>
<td id="M5S3">3</td>
<td id="M5S4">4</td>
<td id="M5S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M5B1">1</td>
<td id="M5B2">2</td>
<td id="M5B3">3</td>
<td id="M5B4">4</td>
<td id="M5B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M5R1">1</td>
<td id="M5R2">2</td>
<td id="M5R3">3</td>
<td id="M5R4">4</td>
<td id="M5R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W5S1">1</td>
<td id="W5S2">2</td>
<td id="W5S3">3</td>
<td id="W5S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W5I1">1</td>
<td id="W5I2">2</td>
<td id="W5I3">3</td>
<td id="W5I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W5D1">1</td>
<td id="W5D2">2</td>
<td id="W5D3">3</td>
<td id="W5D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F5S1">1</td>
<td id="F5S2">2</td>
<td id="F5S3">3</td>
<td id="F5S4">4</td>
<td id="F5S5">5</td>
<td id="F5S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F5B1">1</td>
<td id="F5B2">2</td>
<td id="F5B3">3</td>
<td id="F5B4">4</td>
<td id="F5B5">5</td>
<td id="F5B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F5R1">1</td>
<td id="F5R2">2</td>
<td id="F5R3">3</td>
<td id="F5R4">4</td>
<td id="F5R5">5</td>
<td id="F5R6">6</td>
</tr>
</table>
<hr>
<h3>Week 6</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M6S1">1</td>
<td id="M6S2">2</td>
<td id="M6S3">3</td>
<td id="M6S4">4</td>
<td id="M6S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M6B1">1</td>
<td id="M6B2">2</td>
<td id="M6B3">3</td>
<td id="M6B4">4</td>
<td id="M6B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M6R1">1</td>
<td id="M6R2">2</td>
<td id="M6R3">3</td>
<td id="M6R4">4</td>
<td id="M6R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W6S1">1</td>
<td id="W6S2">2</td>
<td id="W6S3">3</td>
<td id="W6S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W6I1">1</td>
<td id="W6I2">2</td>
<td id="W6I3">3</td>
<td id="W6I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W6D1">1</td>
<td id="W6D2">2</td>
<td id="W6D3">3</td>
<td id="W6D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F6S1">1</td>
<td id="F6S2">2</td>
<td id="F6S3">3</td>
<td id="F6S4">4</td>
<td id="F6S5">5</td>
<td id="F6S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F6B1">1</td>
<td id="F6B2">2</td>
<td id="F6B3">3</td>
<td id="F6B4">4</td>
<td id="F6B5">5</td>
<td id="F6B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F6R1">1</td>
<td id="F6R2">2</td>
<td id="F6R3">3</td>
<td id="F6R4">4</td>
<td id="F6R5">5</td>
<td id="F6R6">6</td>
</tr>
</table>
<hr>
<h3>Week 7</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M7S1">1</td>
<td id="M7S2">2</td>
<td id="M7S3">3</td>
<td id="M7S4">4</td>
<td id="M7S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M7B1">1</td>
<td id="M7B2">2</td>
<td id="M7B3">3</td>
<td id="M7B4">4</td>
<td id="M7B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M7R1">1</td>
<td id="M7R2">2</td>
<td id="M7R3">3</td>
<td id="M7R4">4</td>
<td id="M7R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W7S1">1</td>
<td id="W7S2">2</td>
<td id="W7S3">3</td>
<td id="W7S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W7I1">1</td>
<td id="W7I2">2</td>
<td id="W7I3">3</td>
<td id="W7I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W7D1">1</td>
<td id="W7D2">2</td>
<td id="W7D3">3</td>
<td id="W7D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F7S1">1</td>
<td id="F7S2">2</td>
<td id="F7S3">3</td>
<td id="F7S4">4</td>
<td id="F7S5">5</td>
<td id="F7S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F7B1">1</td>
<td id="F7B2">2</td>
<td id="F7B3">3</td>
<td id="F7B4">4</td>
<td id="F7B5">5</td>
<td id="F7B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F7R1">1</td>
<td id="F7R2">2</td>
<td id="F7R3">3</td>
<td id="F7R4">4</td>
<td id="F7R5">5</td>
<td id="F7R6">6</td>
</tr>
</table>
<hr>
<h3>Week 8</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M8S1">1</td>
<td id="M8S2">2</td>
<td id="M8S3">3</td>
<td id="M8S4">4</td>
<td id="M8S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M8B1">1</td>
<td id="M8B2">2</td>
<td id="M8B3">3</td>
<td id="M8B4">4</td>
<td id="M8B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M8R1">1</td>
<td id="M8R2">2</td>
<td id="M8R3">3</td>
<td id="M8R4">4</td>
<td id="M8R5">5</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Wednesday</h4>
<tr>
<td>Squat</td>
<td id="W8S1">1</td>
<td id="W8S2">2</td>
<td id="W8S3">3</td>
<td id="W8S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W8I1">1</td>
<td id="W8I2">2</td>
<td id="W8I3">3</td>
<td id="W8I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W8D1">1</td>
<td id="W8D2">2</td>
<td id="W8D3">3</td>
<td id="W8D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F8S1">1</td>
<td id="F8S2">2</td>
<td id="F8S3">3</td>
<td id="F8S4">4</td>
<td id="F8S5">5</td>
<td id="F8S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F8B1">1</td>
<td id="F8B2">2</td>
<td id="F8B3">3</td>
<td id="F8B4">4</td>
<td id="F8B5">5</td>
<td id="F8B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F8R1">1</td>
<td id="F8R2">2</td>
<td id="F8R3">3</td>
<td id="F8R4">4</td>
<td id="F8R5">5</td>
<td id="F8R6">6</td>
</tr>
</table>
<hr>
<h3>Week 9</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M9S1">1</td>
<td id="M9S2">2</td>
<td id="M9S3">3</td>
<td id="M9S4">4</td>
<td id="M9S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M9B1">1</td>
<td id="M9B2">2</td>
<td id="M9B3">3</td>
<td id="M9B4">4</td>
<td id="M9B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M9R1">1</td>
<td id="M9R2">2</td>
<td id="M9R3">3</td>
<td id="M9R4">4</td>
<td id="M9R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W9S1">1</td>
<td id="W9S2">2</td>
<td id="W9S3">3</td>
<td id="W9S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W9I1">1</td>
<td id="W9I2">2</td>
<td id="W9I3">3</td>
<td id="W9I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W9D1">1</td>
<td id="W9D2">2</td>
<td id="W9D3">3</td>
<td id="W9D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F9S1">1</td>
<td id="F9S2">2</td>
<td id="F9S3">3</td>
<td id="F9S4">4</td>
<td id="F9S5">5</td>
<td id="F9S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F9B1">1</td>
<td id="F9B2">2</td>
<td id="F9B3">3</td>
<td id="F9B4">4</td>
<td id="F9B5">5</td>
<td id="F9B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F9R1">1</td>
<td id="F9R2">2</td>
<td id="F9R3">3</td>
<td id="F9R4">4</td>
<td id="F9R5">5</td>
<td id="F9R6">6</td>
</tr>
</table>
<hr>
<h3>Week 10</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M10S1">1</td>
<td id="M10S2">2</td>
<td id="M10S3">3</td>
<td id="M10S4">4</td>
<td id="M10S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M10B1">1</td>
<td id="M10B2">2</td>
<td id="M10B3">3</td>
<td id="M10B4">4</td>
<td id="M10B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M10R1">1</td>
<td id="M10R2">2</td>
<td id="M10R3">3</td>
<td id="M10R4">4</td>
<td id="M10R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W10S1">1</td>
<td id="W10S2">2</td>
<td id="W10S3">3</td>
<td id="W10S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W10I1">1</td>
<td id="W10I2">2</td>
<td id="W10I3">3</td>
<td id="W10I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W10D1">1</td>
<td id="W10D2">2</td>
<td id="W10D3">3</td>
<td id="W10D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F10S1">1</td>
<td id="F10S2">2</td>
<td id="F10S3">3</td>
<td id="F10S4">4</td>
<td id="F10S5">5</td>
<td id="F10S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F10B1">1</td>
<td id="F10B2">2</td>
<td id="F10B3">3</td>
<td id="F10B4">4</td>
<td id="F10B5">5</td>
<td id="F10B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F10R1">1</td>
<td id="F10R2">2</td>
<td id="F10R3">3</td>
<td id="F10R4">4</td>
<td id="F10R5">5</td>
<td id="F10R6">6</td>
</tr>
</table>
<hr>
<h3>Week 11</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M11S1">1</td>
<td id="M11S2">2</td>
<td id="M11S3">3</td>
<td id="M11S4">4</td>
<td id="M11S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M11B1">1</td>
<td id="M11B2">2</td>
<td id="M11B3">3</td>
<td id="M11B4">4</td>
<td id="M11B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M11R1">1</td>
<td id="M11R2">2</td>
<td id="M11R3">3</td>
<td id="M11R4">4</td>
<td id="M11R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W11S1">1</td>
<td id="W11S2">2</td>
<td id="W11S3">3</td>
<td id="W11S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W11I1">1</td>
<td id="W11I2">2</td>
<td id="W11I3">3</td>
<td id="W11I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W11D1">1</td>
<td id="W11D2">2</td>
<td id="W11D3">3</td>
<td id="W11D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F11S1">1</td>
<td id="F11S2">2</td>
<td id="F11S3">3</td>
<td id="F11S4">4</td>
<td id="F11S5">5</td>
<td id="F11S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F11B1">1</td>
<td id="F11B2">2</td>
<td id="F11B3">3</td>
<td id="F11B4">4</td>
<td id="F11B5">5</td>
<td id="F11B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F11R1">1</td>
<td id="F11R2">2</td>
<td id="F11R3">3</td>
<td id="F11R4">4</td>
<td id="F11R5">5</td>
<td id="F11R6">6</td>
</tr>
</table>
<hr>
<h3>Week 12</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M12S1">1</td>
<td id="M12S2">2</td>
<td id="M12S3">3</td>
<td id="M12S4">4</td>
<td id="M12S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M12B1">1</td>
<td id="M12B2">2</td>
<td id="M12B3">3</td>
<td id="M12B4">4</td>
<td id="M12B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M12R1">1</td>
<td id="M12R2">2</td>
<td id="M12R3">3</td>
<td id="M12R4">4</td>
<td id="M12R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W12S1">1</td>
<td id="W12S2">2</td>
<td id="W12S3">3</td>
<td id="W12S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W12I1">1</td>
<td id="W12I2">2</td>
<td id="W12I3">3</td>
<td id="W12I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W12D1">1</td>
<td id="W12D2">2</td>
<td id="W12D3">3</td>
<td id="W12D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F12S1">1</td>
<td id="F12S2">2</td>
<td id="F12S3">3</td>
<td id="F12S4">4</td>
<td id="F12S5">5</td>
<td id="F12S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F12B1">1</td>
<td id="F12B2">2</td>
<td id="F12B3">3</td>
<td id="F12B4">4</td>
<td id="F12B5">5</td>
<td id="F12B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F12R1">1</td>
<td id="F12R2">2</td>
<td id="F12R3">3</td>
<td id="F12R4">4</td>
<td id="F12R5">5</td>
<td id="F12R6">6</td>
</tr>
</table>
<table>
<th>
<td>Projected One-Rep Max (Main Lifts)</td>
</th>
<tr>
<td>Squat</td>
<td id="FinalSquat" style="text-align:center;">0</td>
</tr>
<tr>
<td>Bench</td>
<td id="FinalBench" style="text-align:center;">0</td>
</tr>
<tr>
<td>Row</td>
<td id="FinalRow" style="text-align:center;">0</td>
</tr>
</table>
<hr>
</div>
<footer>
<script src="JS/BillStarr.js"></script>
</footer>
<script id="jsbin-javascript">
//Triggered when dom is ready
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("demobutton").addEventListener("click",
function() {
//Multipliers used to build cells in table
var MonSetMultiplier = 0.875;
var WedSetMultiplier = 0.833;
var FriSetMultiplier = 1.10;
var beforeFour = 0.975;
var afterFour = 1.025;
var projectedMax = 1.342;
//created variables for ID's to shorten code below to increase readability
var squatMax = document.getElementById("squatMax");
var benchMax = document.getElementById("benchMax");
var rowMax = document.getElementById("rowMax");
var inclineMax = document.getElementById("inclineMax");
var dlMax = document.getElementById("dlMax");
var checkUserInput = [squatMax,benchMax,rowMax,inclineMax,dlMax];
var errorCheck = false;
//Check if values entered were negative or non-numbers. If so, user's input changed to error and cell in question highlighted red.
for (var initialMax = 0; initialMax < checkUserInput.length; initialMax++) {
if (checkUserInput[initialMax].value < 0 || isNaN(checkUserInput[initialMax].value)){
checkUserInput[initialMax].style.backgroundColor = 'Red';
checkUserInput[initialMax].value = "#NAN!";
errorCheck = true;
} else {
checkUserInput[initialMax].style.backgroundColor = '#333';//If user fixes input, color of textbox reverts back
}
}
//If error thrown by any user input, user alerted only values can be entered.
if (errorCheck === true) {
alert("Exercises highlighted in red must be fixed. Please enter numerical values only. Thank you.");
}
//------------**Method of calculations based on Bill Starr's 5x5 program, but slightly modified to fit my training preferences**-----------------
//"Origin" of WT calculations. Last set, wk 4 of each exercise.
document.getElementById("M4S5").innerHTML = squatMax.value;
document.getElementById("M4B5").innerHTML = benchMax.value;
document.getElementById("M4R5").innerHTML = rowMax.value;
document.getElementById("W4I4").innerHTML = inclineMax.value;
document.getElementById("W4D4").innerHTML = dlMax.value;
//Projected 1 rep maxes after user enters current inputs
document.getElementById("FinalSquat").innerHTML = Math.ceil(projectedMax * squatMax.value);
document.getElementById("FinalBench").innerHTML = Math.ceil(projectedMax * benchMax.value);
document.getElementById("FinalRow").innerHTML = Math.ceil(projectedMax * rowMax.value);
//Populate last set of every week for each exercise. (Weeks 1-3)
for (var oneThree = 3; oneThree > 0; oneThree--) {
document.getElementById("M" + oneThree + "S5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "S5").innerHTML);
document.getElementById("M" + oneThree + "B5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "B5").innerHTML);
document.getElementById("M" + oneThree + "R5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "R5").innerHTML);
//WED
document.getElementById("W" + oneThree + "I4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "I4").innerHTML);
document.getElementById("W" + oneThree + "D4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "D4").innerHTML);
}
//Populate last set of every week for each exercise. (Weeks 5-12)
for (var fiveTwelve = 5; fiveTwelve < 13; fiveTwelve++) {
document.getElementById("M" + fiveTwelve + "S5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "S5").innerHTML);
document.getElementById("M" + fiveTwelve + "B5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "B5").innerHTML);
document.getElementById("M" + fiveTwelve + "R5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "R5").innerHTML);
//Wed
document.getElementById("W" + fiveTwelve + "I4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "I4").innerHTML);
document.getElementById("W" + fiveTwelve + "D4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "D4").innerHTML);
}
//Rest of sets (first to second to last)
//nested loop. outer: weeks (1-12) inner: sets (4-3-2-1)
for (var oneTwelve = 1; oneTwelve < 13; oneTwelve++) {
for (var fourOne = 4; fourOne > 0; fourOne--) {
document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
//Wed & Fri - set 4.
document.getElementById("W" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML;
//5th sets -Friday
document.getElementById("F" + oneTwelve + "S" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "B" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "R" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML * afterFour));
//Sets up weeks 1-3 for Wed and Fri
if (fourOne < 4) {
//Wed
document.getElementById("W" + oneTwelve + "I" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "I" + (fourOne + 1)).innerHTML);
document.getElementById("W" + oneTwelve + "D" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "D" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
}
}
}
//seting up set six for Friday
for (var lastSetWeek = 1; lastSetWeek < 13; lastSetWeek++) {
document.getElementById("F" + lastSetWeek + "S6").innerHTML = document.getElementById("M" + lastSetWeek + "S3").innerHTML;
document.getElementById("F" + lastSetWeek + "B6").innerHTML = document.getElementById("M" + lastSetWeek + "B3").innerHTML;
document.getElementById("F" + lastSetWeek + "R6").innerHTML = document.getElementById("M" + lastSetWeek + "R3").innerHTML;
}
});
});
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bill Starr 5x5: Modified</title>
<link href="CSS/BillStarr.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel=
'stylesheet' type='text/css'>
</head>
<body>
<div class="banner">
<h1 style="text-align:center">Bill Starr 5x5 Calculator
(Modified-Lbs)</h1><br>
<h4>Please provide your 5 rep max for each below:</h4>
<div class="OneMax">
<input id="squatMax" type="text" value="0"> Squat<br>
<input id="benchMax" type="text" value="0"> Bench<br>
<input id="dlMax" type="text" value="0"> Deads<br>
<input id="inclineMax" type="text" value="0"> Incline<br>
<input id="rowMax" type="text" value="0"> bbRow
</div><br>
<input id="demobutton" type="button" value="Calculate">
</div>
<div class="NumberTable">
<h3>Week 1</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M1S1">1</td>
<td id="M1S2">2</td>
<td id="M1S3">3</td>
<td id="M1S4">4</td>
<td id="M1S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M1B1">1</td>
<td id="M1B2">2</td>
<td id="M1B3">3</td>
<td id="M1B4">4</td>
<td id="M1B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M1R1">1</td>
<td id="M1R2">2</td>
<td id="M1R3">3</td>
<td id="M1R4">4</td>
<td id="M1R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W1S1">1</td>
<td id="W1S2">2</td>
<td id="W1S3">3</td>
<td id="W1S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W1I1">1</td>
<td id="W1I2">2</td>
<td id="W1I3">3</td>
<td id="W1I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W1D1">1</td>
<td id="W1D2">2</td>
<td id="W1D3">3</td>
<td id="W1D4">4</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<h4>Friday</h4>
<tr>
<td>Squat</td>
<td id="F1S1">1</td>
<td id="F1S2">2</td>
<td id="F1S3">3</td>
<td id="F1S4">4</td>
<td id="F1S5">5</td>
<td id="F1S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F1B1">1</td>
<td id="F1B2">2</td>
<td id="F1B3">3</td>
<td id="F1B4">4</td>
<td id="F1B5">5</td>
<td id="F1B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F1R1">1</td>
<td id="F1R2">2</td>
<td id="F1R3">3</td>
<td id="F1R4">4</td>
<td id="F1R5">5</td>
<td id="F1R6">6</td>
</tr>
</table>
<hr>
<h3>Week 2</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M2S1">1</td>
<td id="M2S2">2</td>
<td id="M2S3">3</td>
<td id="M2S4">4</td>
<td id="M2S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M2B1">1</td>
<td id="M2B2">2</td>
<td id="M2B3">3</td>
<td id="M2B4">4</td>
<td id="M2B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M2R1">1</td>
<td id="M2R2">2</td>
<td id="M2R3">3</td>
<td id="M2R4">4</td>
<td id="M2R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W2S1">1</td>
<td id="W2S2">2</td>
<td id="W2S3">3</td>
<td id="W2S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W2I1">1</td>
<td id="W2I2">2</td>
<td id="W2I3">3</td>
<td id="W2I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W2D1">1</td>
<td id="W2D2">2</td>
<td id="W2D3">3</td>
<td id="W2D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F2S1">1</td>
<td id="F2S2">2</td>
<td id="F2S3">3</td>
<td id="F2S4">4</td>
<td id="F2S5">5</td>
<td id="F2S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F2B1">1</td>
<td id="F2B2">2</td>
<td id="F2B3">3</td>
<td id="F2B4">4</td>
<td id="F2B5">5</td>
<td id="F2B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F2R1">1</td>
<td id="F2R2">2</td>
<td id="F2R3">3</td>
<td id="F2R4">4</td>
<td id="F2R5">5</td>
<td id="F2R6">6</td>
</tr>
</table>
<hr>
<h3>Week 3</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M3S1">1</td>
<td id="M3S2">2</td>
<td id="M3S3">3</td>
<td id="M3S4">4</td>
<td id="M3S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M3B1">1</td>
<td id="M3B2">2</td>
<td id="M3B3">3</td>
<td id="M3B4">4</td>
<td id="M3B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M3R1">1</td>
<td id="M3R2">2</td>
<td id="M3R3">3</td>
<td id="M3R4">4</td>
<td id="M3R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W3S1">1</td>
<td id="W3S2">2</td>
<td id="W3S3">3</td>
<td id="W3S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W3I1">1</td>
<td id="W3I2">2</td>
<td id="W3I3">3</td>
<td id="W3I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W3D1">1</td>
<td id="W3D2">2</td>
<td id="W3D3">3</td>
<td id="W3D4">4</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<h4>Friday</h4>
<tr>
<td>Squat</td>
<td id="F3S1">1</td>
<td id="F3S2">2</td>
<td id="F3S3">3</td>
<td id="F3S4">4</td>
<td id="F3S5">5</td>
<td id="F3S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F3B1">1</td>
<td id="F3B2">2</td>
<td id="F3B3">3</td>
<td id="F3B4">4</td>
<td id="F3B5">5</td>
<td id="F3B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F3R1">1</td>
<td id="F3R2">2</td>
<td id="F3R3">3</td>
<td id="F3R4">4</td>
<td id="F3R5">5</td>
<td id="F3R6">6</td>
</tr>
</table>
<hr>
<h3>Week 4</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M4S1">1</td>
<td id="M4S2">2</td>
<td id="M4S3">3</td>
<td id="M4S4">4</td>
<td id="M4S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M4B1">1</td>
<td id="M4B2">2</td>
<td id="M4B3">3</td>
<td id="M4B4">4</td>
<td id="M4B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M4R1">1</td>
<td id="M4R2">2</td>
<td id="M4R3">3</td>
<td id="M4R4">4</td>
<td id="M4R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W4S1">1</td>
<td id="W4S2">2</td>
<td id="W4S3">3</td>
<td id="W4S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W4I1">1</td>
<td id="W4I2">2</td>
<td id="W4I3">3</td>
<td id="W4I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W4D1">1</td>
<td id="W4D2">2</td>
<td id="W4D3">3</td>
<td id="W4D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F4S1">1</td>
<td id="F4S2">2</td>
<td id="F4S3">3</td>
<td id="F4S4">4</td>
<td id="F4S5">5</td>
<td id="F4S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F4B1">1</td>
<td id="F4B2">2</td>
<td id="F4B3">3</td>
<td id="F4B4">4</td>
<td id="F4B5">5</td>
<td id="F4B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F4R1">1</td>
<td id="F4R2">2</td>
<td id="F4R3">3</td>
<td id="F4R4">4</td>
<td id="F4R5">5</td>
<td id="F4R6">6</td>
</tr>
</table>
<hr>
<h3>Week 5</h3>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Monday</h4>
<tr>
<td>Squat</td>
<td id="M5S1">1</td>
<td id="M5S2">2</td>
<td id="M5S3">3</td>
<td id="M5S4">4</td>
<td id="M5S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M5B1">1</td>
<td id="M5B2">2</td>
<td id="M5B3">3</td>
<td id="M5B4">4</td>
<td id="M5B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M5R1">1</td>
<td id="M5R2">2</td>
<td id="M5R3">3</td>
<td id="M5R4">4</td>
<td id="M5R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W5S1">1</td>
<td id="W5S2">2</td>
<td id="W5S3">3</td>
<td id="W5S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W5I1">1</td>
<td id="W5I2">2</td>
<td id="W5I3">3</td>
<td id="W5I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W5D1">1</td>
<td id="W5D2">2</td>
<td id="W5D3">3</td>
<td id="W5D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F5S1">1</td>
<td id="F5S2">2</td>
<td id="F5S3">3</td>
<td id="F5S4">4</td>
<td id="F5S5">5</td>
<td id="F5S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F5B1">1</td>
<td id="F5B2">2</td>
<td id="F5B3">3</td>
<td id="F5B4">4</td>
<td id="F5B5">5</td>
<td id="F5B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F5R1">1</td>
<td id="F5R2">2</td>
<td id="F5R3">3</td>
<td id="F5R4">4</td>
<td id="F5R5">5</td>
<td id="F5R6">6</td>
</tr>
</table>
<hr>
<h3>Week 6</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M6S1">1</td>
<td id="M6S2">2</td>
<td id="M6S3">3</td>
<td id="M6S4">4</td>
<td id="M6S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M6B1">1</td>
<td id="M6B2">2</td>
<td id="M6B3">3</td>
<td id="M6B4">4</td>
<td id="M6B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M6R1">1</td>
<td id="M6R2">2</td>
<td id="M6R3">3</td>
<td id="M6R4">4</td>
<td id="M6R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W6S1">1</td>
<td id="W6S2">2</td>
<td id="W6S3">3</td>
<td id="W6S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W6I1">1</td>
<td id="W6I2">2</td>
<td id="W6I3">3</td>
<td id="W6I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W6D1">1</td>
<td id="W6D2">2</td>
<td id="W6D3">3</td>
<td id="W6D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F6S1">1</td>
<td id="F6S2">2</td>
<td id="F6S3">3</td>
<td id="F6S4">4</td>
<td id="F6S5">5</td>
<td id="F6S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F6B1">1</td>
<td id="F6B2">2</td>
<td id="F6B3">3</td>
<td id="F6B4">4</td>
<td id="F6B5">5</td>
<td id="F6B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F6R1">1</td>
<td id="F6R2">2</td>
<td id="F6R3">3</td>
<td id="F6R4">4</td>
<td id="F6R5">5</td>
<td id="F6R6">6</td>
</tr>
</table>
<hr>
<h3>Week 7</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M7S1">1</td>
<td id="M7S2">2</td>
<td id="M7S3">3</td>
<td id="M7S4">4</td>
<td id="M7S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M7B1">1</td>
<td id="M7B2">2</td>
<td id="M7B3">3</td>
<td id="M7B4">4</td>
<td id="M7B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M7R1">1</td>
<td id="M7R2">2</td>
<td id="M7R3">3</td>
<td id="M7R4">4</td>
<td id="M7R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W7S1">1</td>
<td id="W7S2">2</td>
<td id="W7S3">3</td>
<td id="W7S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W7I1">1</td>
<td id="W7I2">2</td>
<td id="W7I3">3</td>
<td id="W7I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W7D1">1</td>
<td id="W7D2">2</td>
<td id="W7D3">3</td>
<td id="W7D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F7S1">1</td>
<td id="F7S2">2</td>
<td id="F7S3">3</td>
<td id="F7S4">4</td>
<td id="F7S5">5</td>
<td id="F7S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F7B1">1</td>
<td id="F7B2">2</td>
<td id="F7B3">3</td>
<td id="F7B4">4</td>
<td id="F7B5">5</td>
<td id="F7B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F7R1">1</td>
<td id="F7R2">2</td>
<td id="F7R3">3</td>
<td id="F7R4">4</td>
<td id="F7R5">5</td>
<td id="F7R6">6</td>
</tr>
</table>
<hr>
<h3>Week 8</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M8S1">1</td>
<td id="M8S2">2</td>
<td id="M8S3">3</td>
<td id="M8S4">4</td>
<td id="M8S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M8B1">1</td>
<td id="M8B2">2</td>
<td id="M8B3">3</td>
<td id="M8B4">4</td>
<td id="M8B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M8R1">1</td>
<td id="M8R2">2</td>
<td id="M8R3">3</td>
<td id="M8R4">4</td>
<td id="M8R5">5</td>
</tr>
</table><br>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<h4>Wednesday</h4>
<tr>
<td>Squat</td>
<td id="W8S1">1</td>
<td id="W8S2">2</td>
<td id="W8S3">3</td>
<td id="W8S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W8I1">1</td>
<td id="W8I2">2</td>
<td id="W8I3">3</td>
<td id="W8I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W8D1">1</td>
<td id="W8D2">2</td>
<td id="W8D3">3</td>
<td id="W8D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F8S1">1</td>
<td id="F8S2">2</td>
<td id="F8S3">3</td>
<td id="F8S4">4</td>
<td id="F8S5">5</td>
<td id="F8S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F8B1">1</td>
<td id="F8B2">2</td>
<td id="F8B3">3</td>
<td id="F8B4">4</td>
<td id="F8B5">5</td>
<td id="F8B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F8R1">1</td>
<td id="F8R2">2</td>
<td id="F8R3">3</td>
<td id="F8R4">4</td>
<td id="F8R5">5</td>
<td id="F8R6">6</td>
</tr>
</table>
<hr>
<h3>Week 9</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M9S1">1</td>
<td id="M9S2">2</td>
<td id="M9S3">3</td>
<td id="M9S4">4</td>
<td id="M9S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M9B1">1</td>
<td id="M9B2">2</td>
<td id="M9B3">3</td>
<td id="M9B4">4</td>
<td id="M9B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M9R1">1</td>
<td id="M9R2">2</td>
<td id="M9R3">3</td>
<td id="M9R4">4</td>
<td id="M9R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W9S1">1</td>
<td id="W9S2">2</td>
<td id="W9S3">3</td>
<td id="W9S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W9I1">1</td>
<td id="W9I2">2</td>
<td id="W9I3">3</td>
<td id="W9I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W9D1">1</td>
<td id="W9D2">2</td>
<td id="W9D3">3</td>
<td id="W9D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F9S1">1</td>
<td id="F9S2">2</td>
<td id="F9S3">3</td>
<td id="F9S4">4</td>
<td id="F9S5">5</td>
<td id="F9S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F9B1">1</td>
<td id="F9B2">2</td>
<td id="F9B3">3</td>
<td id="F9B4">4</td>
<td id="F9B5">5</td>
<td id="F9B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F9R1">1</td>
<td id="F9R2">2</td>
<td id="F9R3">3</td>
<td id="F9R4">4</td>
<td id="F9R5">5</td>
<td id="F9R6">6</td>
</tr>
</table>
<hr>
<h3>Week 10</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M10S1">1</td>
<td id="M10S2">2</td>
<td id="M10S3">3</td>
<td id="M10S4">4</td>
<td id="M10S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M10B1">1</td>
<td id="M10B2">2</td>
<td id="M10B3">3</td>
<td id="M10B4">4</td>
<td id="M10B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M10R1">1</td>
<td id="M10R2">2</td>
<td id="M10R3">3</td>
<td id="M10R4">4</td>
<td id="M10R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W10S1">1</td>
<td id="W10S2">2</td>
<td id="W10S3">3</td>
<td id="W10S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W10I1">1</td>
<td id="W10I2">2</td>
<td id="W10I3">3</td>
<td id="W10I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W10D1">1</td>
<td id="W10D2">2</td>
<td id="W10D3">3</td>
<td id="W10D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F10S1">1</td>
<td id="F10S2">2</td>
<td id="F10S3">3</td>
<td id="F10S4">4</td>
<td id="F10S5">5</td>
<td id="F10S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F10B1">1</td>
<td id="F10B2">2</td>
<td id="F10B3">3</td>
<td id="F10B4">4</td>
<td id="F10B5">5</td>
<td id="F10B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F10R1">1</td>
<td id="F10R2">2</td>
<td id="F10R3">3</td>
<td id="F10R4">4</td>
<td id="F10R5">5</td>
<td id="F10R6">6</td>
</tr>
</table>
<hr>
<h3>Week 11</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M11S1">1</td>
<td id="M11S2">2</td>
<td id="M11S3">3</td>
<td id="M11S4">4</td>
<td id="M11S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M11B1">1</td>
<td id="M11B2">2</td>
<td id="M11B3">3</td>
<td id="M11B4">4</td>
<td id="M11B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M11R1">1</td>
<td id="M11R2">2</td>
<td id="M11R3">3</td>
<td id="M11R4">4</td>
<td id="M11R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W11S1">1</td>
<td id="W11S2">2</td>
<td id="W11S3">3</td>
<td id="W11S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W11I1">1</td>
<td id="W11I2">2</td>
<td id="W11I3">3</td>
<td id="W11I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W11D1">1</td>
<td id="W11D2">2</td>
<td id="W11D3">3</td>
<td id="W11D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F11S1">1</td>
<td id="F11S2">2</td>
<td id="F11S3">3</td>
<td id="F11S4">4</td>
<td id="F11S5">5</td>
<td id="F11S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F11B1">1</td>
<td id="F11B2">2</td>
<td id="F11B3">3</td>
<td id="F11B4">4</td>
<td id="F11B5">5</td>
<td id="F11B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F11R1">1</td>
<td id="F11R2">2</td>
<td id="F11R3">3</td>
<td id="F11R4">4</td>
<td id="F11R5">5</td>
<td id="F11R6">6</td>
</tr>
</table>
<hr>
<h3>Week 12</h3>
<h4>Monday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="M12S1">1</td>
<td id="M12S2">2</td>
<td id="M12S3">3</td>
<td id="M12S4">4</td>
<td id="M12S5">5</td>
</tr>
<tr>
<td>Bench</td>
<td id="M12B1">1</td>
<td id="M12B2">2</td>
<td id="M12B3">3</td>
<td id="M12B4">4</td>
<td id="M12B5">5</td>
</tr>
<tr>
<td>Row</td>
<td id="M12R1">1</td>
<td id="M12R2">2</td>
<td id="M12R3">3</td>
<td id="M12R4">4</td>
<td id="M12R5">5</td>
</tr>
</table><br>
<h4>Wednesday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="W12S1">1</td>
<td id="W12S2">2</td>
<td id="W12S3">3</td>
<td id="W12S4">4</td>
</tr>
<tr>
<td>Incline</td>
<td id="W12I1">1</td>
<td id="W12I2">2</td>
<td id="W12I3">3</td>
<td id="W12I4">4</td>
</tr>
<tr>
<td>Deadlift</td>
<td id="W12D1">1</td>
<td id="W12D2">2</td>
<td id="W12D3">3</td>
<td id="W12D4">4</td>
</tr>
</table><br>
<h4>Friday</h4>
<table>
<tr>
<td>Exercise</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>5 Reps</td>
<td>3 Reps</td>
<td>8 Reps</td>
</tr>
<tr>
<td>Squat</td>
<td id="F12S1">1</td>
<td id="F12S2">2</td>
<td id="F12S3">3</td>
<td id="F12S4">4</td>
<td id="F12S5">5</td>
<td id="F12S6">6</td>
</tr>
<tr>
<td>Bench</td>
<td id="F12B1">1</td>
<td id="F12B2">2</td>
<td id="F12B3">3</td>
<td id="F12B4">4</td>
<td id="F12B5">5</td>
<td id="F12B6">6</td>
</tr>
<tr>
<td>Row</td>
<td id="F12R1">1</td>
<td id="F12R2">2</td>
<td id="F12R3">3</td>
<td id="F12R4">4</td>
<td id="F12R5">5</td>
<td id="F12R6">6</td>
</tr>
</table>
<table>
<th>
<td>Projected One-Rep Max (Main Lifts)</td>
</th>
<tr>
<td>Squat</td>
<td id="FinalSquat" style="text-align:center;">0</td>
</tr>
<tr>
<td>Bench</td>
<td id="FinalBench" style="text-align:center;">0</td>
</tr>
<tr>
<td>Row</td>
<td id="FinalRow" style="text-align:center;">0</td>
</tr>
</table>
<hr>
</div>
<footer>
<script src="JS/BillStarr.js"><\/script>
</footer>
</body>
</html> </script>
<script id="jsbin-source-css" type="text/css">.banner {
background-attachment:fixed;
background-image:url("http://i.ytimg.com/vi/Ym_uRiLWdlU/maxresdefault.jpg");
background-position:center top;
background-size:cover;
text-align:center;
padding-top:2em;
padding-left:50em;
padding-bottom:13em;
color:#fff;
font-family:'Montserrat',sans-serif
}
.NumberTable {
background:-webkit-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Chrome 10+, Saf5.1+ */
background:-moz-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* FF3.6+ */
background:-ms-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* IE10 */
background:-o-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Opera 11.10+ */
background:linear-gradient(90deg,#304352 10%,#d7d2cc 90%)
/* W3C */
}
table {
margin:0 auto
}
table td {
padding:10px;
border:1px solid;
background-color:silver
}
h3 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
}
h4 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
text-align: center;
}
.OneMax {
font-family:'Montserrat',sans-serif;
font-size:15px;
padding-right:80px
}
#squatMax,#benchMax,#dlMax,#inclineMax,#rowMax {
background:no-repeat 10px 6px #333;
color:#fff;
width:40px;
padding:6px 15px 6px 35px;
margin-bottom:3px;
border-radius:20px;
transition:500ms all ease
}
#squatMax:hover,#benchMax:hover,#dlMax:hover,#inclineMax:hover,#rowMax:hover {
width:70px;
height:25px
}
#demobutton {
font-family:'pictos';
font-size:45px;
line-height:40px;
text-align:center;
color:rgba(0,0,0,0.5);
text-shadow:rgba(0,0,0,0.1) 0 -2px 1px,#fff 0 1px 2px;
width:200px;
height:60px;
padding:10px;
margin:50px auto;
position:static;
z-index:50;
cursor:pointer;
margin-top:50px;
background-color:transparent;
border:rgba(0,0,0,0.3) 1px solid;
border-top-color:rgba(0,0,0,0.1);
border-left-color:rgba(0,0,0,0.2);
border-right-color:rgba(0,0,0,0.2);
border-bottom-color:rgba(0,0,0,0.3);
box-shadow:inset rgba(255,255,255,0.3) -5px -30px 10px,inset rgba(255,255,255,0.3) 0 30px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px;
-webkit-transition:-webkit-box-shadow 0 ease-in-out;
-khtml-transition:-khtml-box-shadow 0 ease-in-out;
-moz-transition:-moz-box-shadow 0 ease-in-out;
-o-transition:-o-box-shadow 0 ease-in-out;
transition:box-shadow 0 ease-in-out;
background-image:-webkit-radial-gradient(50% 0%,8% 50%,hsla(0,0%,100%,.2) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(50% 100%,12% 50%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(0% 50%,50% 7%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(100% 50%,50% 5%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 3%,hsla(0,0%,0%,.1) 3.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,0) 2.2%)
}
#demobutton:before,#demobutton:after {
content:"";
display:block;
position:absolute
}
#demobutton:before {
z-index:-50;
width:200px;
height:64px;
margin-top:-15px;
margin-left:-11px;
background:#666;
background:-moz-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#666),color-stop(50%,#bbb),color-stop(100%,#666));
background:-webkit-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-o-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-ms-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#666666',GradientType=1);
background:linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
box-shadow:#000 0 0 2px
}
#demobutton:after {
z-index:-100;
width:70px;
height:70px;
margin-top:-60px;
margin-left:-16px;
background:rgba(0,0,0,0.1);
box-shadow:inset rgba(255,255,255,0.1) 0 -5px 5px,rgba(0,0,0,0.1) 0 3px 3px,rgba(255,255,255,0.05) 0 -3px 3px
}
#demobutton:hover {
color:rgba(0,0,0,0.6);
text-shadow:#fff 0 0 3px;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px
}
#demobutton:active {
margin-top:46px;
color:#fff;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 2px 3px
}
#demobutton:active:before {
height:60px;
margin-top:-11px
}</script>
<script id="jsbin-source-javascript" type="text/javascript">//Triggered when dom is ready
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("demobutton").addEventListener("click",
function() {
//Multipliers used to build cells in table
var MonSetMultiplier = 0.875;
var WedSetMultiplier = 0.833;
var FriSetMultiplier = 1.10;
var beforeFour = 0.975;
var afterFour = 1.025;
var projectedMax = 1.342;
//created variables for ID's to shorten code below to increase readability
var squatMax = document.getElementById("squatMax");
var benchMax = document.getElementById("benchMax");
var rowMax = document.getElementById("rowMax");
var inclineMax = document.getElementById("inclineMax");
var dlMax = document.getElementById("dlMax");
var checkUserInput = [squatMax,benchMax,rowMax,inclineMax,dlMax];
var errorCheck = false;
//Check if values entered were negative or non-numbers. If so, user's input changed to error and cell in question highlighted red.
for (var initialMax = 0; initialMax < checkUserInput.length; initialMax++) {
if (checkUserInput[initialMax].value < 0 || isNaN(checkUserInput[initialMax].value)){
checkUserInput[initialMax].style.backgroundColor = 'Red';
checkUserInput[initialMax].value = "#NAN!";
errorCheck = true;
} else {
checkUserInput[initialMax].style.backgroundColor = '#333';//If user fixes input, color of textbox reverts back
}
}
//If error thrown by any user input, user alerted only values can be entered.
if (errorCheck === true) {
alert("Exercises highlighted in red must be fixed. Please enter numerical values only. Thank you.");
}
//------------**Method of calculations based on Bill Starr's 5x5 program, but slightly modified to fit my training preferences**-----------------
//"Origin" of WT calculations. Last set, wk 4 of each exercise.
document.getElementById("M4S5").innerHTML = squatMax.value;
document.getElementById("M4B5").innerHTML = benchMax.value;
document.getElementById("M4R5").innerHTML = rowMax.value;
document.getElementById("W4I4").innerHTML = inclineMax.value;
document.getElementById("W4D4").innerHTML = dlMax.value;
//Projected 1 rep maxes after user enters current inputs
document.getElementById("FinalSquat").innerHTML = Math.ceil(projectedMax * squatMax.value);
document.getElementById("FinalBench").innerHTML = Math.ceil(projectedMax * benchMax.value);
document.getElementById("FinalRow").innerHTML = Math.ceil(projectedMax * rowMax.value);
//Populate last set of every week for each exercise. (Weeks 1-3)
for (var oneThree = 3; oneThree > 0; oneThree--) {
document.getElementById("M" + oneThree + "S5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "S5").innerHTML);
document.getElementById("M" + oneThree + "B5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "B5").innerHTML);
document.getElementById("M" + oneThree + "R5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "R5").innerHTML);
//WED
document.getElementById("W" + oneThree + "I4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "I4").innerHTML);
document.getElementById("W" + oneThree + "D4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "D4").innerHTML);
}
//Populate last set of every week for each exercise. (Weeks 5-12)
for (var fiveTwelve = 5; fiveTwelve < 13; fiveTwelve++) {
document.getElementById("M" + fiveTwelve + "S5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "S5").innerHTML);
document.getElementById("M" + fiveTwelve + "B5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "B5").innerHTML);
document.getElementById("M" + fiveTwelve + "R5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "R5").innerHTML);
//Wed
document.getElementById("W" + fiveTwelve + "I4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "I4").innerHTML);
document.getElementById("W" + fiveTwelve + "D4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "D4").innerHTML);
}
//Rest of sets (first to second to last)
//nested loop. outer: weeks (1-12) inner: sets (4-3-2-1)
for (var oneTwelve = 1; oneTwelve < 13; oneTwelve++) {
for (var fourOne = 4; fourOne > 0; fourOne--) {
document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
//Wed & Fri - set 4.
document.getElementById("W" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML;
//5th sets -Friday
document.getElementById("F" + oneTwelve + "S" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "B" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "R" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML * afterFour));
//Sets up weeks 1-3 for Wed and Fri
if (fourOne < 4) {
//Wed
document.getElementById("W" + oneTwelve + "I" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "I" + (fourOne + 1)).innerHTML);
document.getElementById("W" + oneTwelve + "D" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "D" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
}
}
}
//seting up set six for Friday
for (var lastSetWeek = 1; lastSetWeek < 13; lastSetWeek++) {
document.getElementById("F" + lastSetWeek + "S6").innerHTML = document.getElementById("M" + lastSetWeek + "S3").innerHTML;
document.getElementById("F" + lastSetWeek + "B6").innerHTML = document.getElementById("M" + lastSetWeek + "B3").innerHTML;
document.getElementById("F" + lastSetWeek + "R6").innerHTML = document.getElementById("M" + lastSetWeek + "R3").innerHTML;
}
});
});</script></body>
</html>
Raw
jsbin.woyoci.css
.banner {
background-attachment:fixed;
background-image:url("http://i.ytimg.com/vi/Ym_uRiLWdlU/maxresdefault.jpg");
background-position:center top;
background-size:cover;
text-align:center;
padding-top:2em;
padding-left:50em;
padding-bottom:13em;
color:#fff;
font-family:'Montserrat',sans-serif
}
.NumberTable {
background:-webkit-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Chrome 10+, Saf5.1+ */
background:-moz-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* FF3.6+ */
background:-ms-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* IE10 */
background:-o-linear-gradient(90deg,#304352 10%,#d7d2cc 90%);
/* Opera 11.10+ */
background:linear-gradient(90deg,#304352 10%,#d7d2cc 90%)
/* W3C */
}
table {
margin:0 auto
}
table td {
padding:10px;
border:1px solid;
background-color:silver
}
h3 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
}
h4 {
color: white;
font-size: 25px;
font-family:'Montserrat',sans-serif;
padding-left: 5px;
padding-top: 5px;
text-align: center;
}
.OneMax {
font-family:'Montserrat',sans-serif;
font-size:15px;
padding-right:80px
}
#squatMax,#benchMax,#dlMax,#inclineMax,#rowMax {
background:no-repeat 10px 6px #333;
color:#fff;
width:40px;
padding:6px 15px 6px 35px;
margin-bottom:3px;
border-radius:20px;
transition:500ms all ease
}
#squatMax:hover,#benchMax:hover,#dlMax:hover,#inclineMax:hover,#rowMax:hover {
width:70px;
height:25px
}
#demobutton {
font-family:'pictos';
font-size:45px;
line-height:40px;
text-align:center;
color:rgba(0,0,0,0.5);
text-shadow:rgba(0,0,0,0.1) 0 -2px 1px,#fff 0 1px 2px;
width:200px;
height:60px;
padding:10px;
margin:50px auto;
position:static;
z-index:50;
cursor:pointer;
margin-top:50px;
background-color:transparent;
border:rgba(0,0,0,0.3) 1px solid;
border-top-color:rgba(0,0,0,0.1);
border-left-color:rgba(0,0,0,0.2);
border-right-color:rgba(0,0,0,0.2);
border-bottom-color:rgba(0,0,0,0.3);
box-shadow:inset rgba(255,255,255,0.3) -5px -30px 10px,inset rgba(255,255,255,0.3) 0 30px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px;
-webkit-transition:-webkit-box-shadow 0 ease-in-out;
-khtml-transition:-khtml-box-shadow 0 ease-in-out;
-moz-transition:-moz-box-shadow 0 ease-in-out;
-o-transition:-o-box-shadow 0 ease-in-out;
transition:box-shadow 0 ease-in-out;
background-image:-webkit-radial-gradient(50% 0%,8% 50%,hsla(0,0%,100%,.2) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(50% 100%,12% 50%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(0% 50%,50% 7%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-radial-gradient(100% 50%,50% 5%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 100%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 3%,hsla(0,0%,0%,.1) 3.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 6%,hsla(0,0%,100%,.1) 7.5%),-webkit-repeating-radial-gradient(50% 50%,100% 100%,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0) 1.2%,hsla(0,0%,100%,0) 2.2%)
}
#demobutton:before,#demobutton:after {
content:"";
display:block;
position:absolute
}
#demobutton:before {
z-index:-50;
width:200px;
height:64px;
margin-top:-15px;
margin-left:-11px;
background:#666;
background:-moz-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,#666),color-stop(50%,#bbb),color-stop(100%,#666));
background:-webkit-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-o-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
background:-ms-linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#666666',GradientType=1);
background:linear-gradient(left,#666 0%,#bbb 50%,#666 100%);
box-shadow:#000 0 0 2px
}
#demobutton:after {
z-index:-100;
width:70px;
height:70px;
margin-top:-60px;
margin-left:-16px;
background:rgba(0,0,0,0.1);
box-shadow:inset rgba(255,255,255,0.1) 0 -5px 5px,rgba(0,0,0,0.1) 0 3px 3px,rgba(255,255,255,0.05) 0 -3px 3px
}
#demobutton:hover {
color:rgba(0,0,0,0.6);
text-shadow:#fff 0 0 3px;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 10px 15px
}
#demobutton:active {
margin-top:46px;
color:#fff;
box-shadow:inset rgba(255,255,255,0.4) 0 -30px 15px,inset rgba(255,255,255,0.2) -25px 25px 10px,inset rgba(255,255,255,1) 0 2px 1px,rgba(0,0,0,0.4) 0 2px 3px
}
#demobutton:active:before {
height:60px;
margin-top:-11px
}
Raw
jsbin.woyoci.js
//Triggered when dom is ready
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("demobutton").addEventListener("click",
function() {
//Multipliers used to build cells in table
var MonSetMultiplier = 0.875;
var WedSetMultiplier = 0.833;
var FriSetMultiplier = 1.10;
var beforeFour = 0.975;
var afterFour = 1.025;
var projectedMax = 1.342;
//created variables for ID's to shorten code below to increase readability
var squatMax = document.getElementById("squatMax");
var benchMax = document.getElementById("benchMax");
var rowMax = document.getElementById("rowMax");
var inclineMax = document.getElementById("inclineMax");
var dlMax = document.getElementById("dlMax");
var checkUserInput = [squatMax,benchMax,rowMax,inclineMax,dlMax];
var errorCheck = false;
//Check if values entered were negative or non-numbers. If so, user's input changed to error and cell in question highlighted red.
for (var initialMax = 0; initialMax < checkUserInput.length; initialMax++) {
if (checkUserInput[initialMax].value < 0 || isNaN(checkUserInput[initialMax].value)){
checkUserInput[initialMax].style.backgroundColor = 'Red';
checkUserInput[initialMax].value = "#NAN!";
errorCheck = true;
} else {
checkUserInput[initialMax].style.backgroundColor = '#333';//If user fixes input, color of textbox reverts back
}
}
//If error thrown by any user input, user alerted only values can be entered.
if (errorCheck === true) {
alert("Exercises highlighted in red must be fixed. Please enter numerical values only. Thank you.");
}
//------------**Method of calculations based on Bill Starr's 5x5 program, but slightly modified to fit my training preferences**-----------------
//"Origin" of WT calculations. Last set, wk 4 of each exercise.
document.getElementById("M4S5").innerHTML = squatMax.value;
document.getElementById("M4B5").innerHTML = benchMax.value;
document.getElementById("M4R5").innerHTML = rowMax.value;
document.getElementById("W4I4").innerHTML = inclineMax.value;
document.getElementById("W4D4").innerHTML = dlMax.value;
//Projected 1 rep maxes after user enters current inputs
document.getElementById("FinalSquat").innerHTML = Math.ceil(projectedMax * squatMax.value);
document.getElementById("FinalBench").innerHTML = Math.ceil(projectedMax * benchMax.value);
document.getElementById("FinalRow").innerHTML = Math.ceil(projectedMax * rowMax.value);
//Populate last set of every week for each exercise. (Weeks 1-3)
for (var oneThree = 3; oneThree > 0; oneThree--) {
document.getElementById("M" + oneThree + "S5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "S5").innerHTML);
document.getElementById("M" + oneThree + "B5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "B5").innerHTML);
document.getElementById("M" + oneThree + "R5").innerHTML = Math.ceil(beforeFour * document.getElementById("M" + (oneThree + 1) + "R5").innerHTML);
//WED
document.getElementById("W" + oneThree + "I4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "I4").innerHTML);
document.getElementById("W" + oneThree + "D4").innerHTML = Math.ceil(beforeFour * document.getElementById("W" + (oneThree + 1) + "D4").innerHTML);
}
//Populate last set of every week for each exercise. (Weeks 5-12)
for (var fiveTwelve = 5; fiveTwelve < 13; fiveTwelve++) {
document.getElementById("M" + fiveTwelve + "S5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "S5").innerHTML);
document.getElementById("M" + fiveTwelve + "B5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "B5").innerHTML);
document.getElementById("M" + fiveTwelve + "R5").innerHTML = Math.ceil(afterFour * document.getElementById("M" +(fiveTwelve - 1) + "R5").innerHTML);
//Wed
document.getElementById("W" + fiveTwelve + "I4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "I4").innerHTML);
document.getElementById("W" + fiveTwelve + "D4").innerHTML = Math.ceil(afterFour * document.getElementById("W" + (fiveTwelve - 1) + "D4").innerHTML);
}
//Rest of sets (first to second to last)
//nested loop. outer: weeks (1-12) inner: sets (4-3-2-1)
for (var oneTwelve = 1; oneTwelve < 13; oneTwelve++) {
for (var fourOne = 4; fourOne > 0; fourOne--) {
document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(MonSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
//Wed & Fri - set 4.
document.getElementById("W" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "S" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "B" + fourOne).innerHTML;
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = document.getElementById("M" + oneTwelve + "R" + fourOne).innerHTML;
//5th sets -Friday
document.getElementById("F" + oneTwelve + "S" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "B" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML * afterFour));
document.getElementById("F" + oneTwelve + "R" + (fourOne + 1)).innerHTML = Math.ceil((document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML * afterFour));
//Sets up weeks 1-3 for Wed and Fri
if (fourOne < 4) {
//Wed
document.getElementById("W" + oneTwelve + "I" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "I" + (fourOne + 1)).innerHTML);
document.getElementById("W" + oneTwelve + "D" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("W" + oneTwelve + "D" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "S" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "S" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "B" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "B" + (fourOne + 1)).innerHTML);
document.getElementById("F" + oneTwelve + "R" + fourOne).innerHTML = Math.ceil(WedSetMultiplier * document.getElementById("M" + oneTwelve + "R" + (fourOne + 1)).innerHTML);
}
}
}
//seting up set six for Friday
for (var lastSetWeek = 1; lastSetWeek < 13; lastSetWeek++) {
document.getElementById("F" + lastSetWeek + "S6").innerHTML = document.getElementById("M" + lastSetWeek + "S3").innerHTML;
document.getElementById("F" + lastSetWeek + "B6").innerHTML = document.getElementById("M" + lastSetWeek + "B3").innerHTML;
document.getElementById("F" + lastSetWeek + "R6").innerHTML = document.getElementById("M" + lastSetWeek + "R3").innerHTML;
}
});
});
@Jwing28
Copy link

Jwing28 commented Sep 28, 2015

Bill Starr 5x5 workout calculator: Modified - My personal project

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment