User:Alexdiaz: Difference between revisions

From AYSO Wiki
Browse history interactively
← Older editNewer edit →
Content deleted Content added
VisualWikitext
No edit summary
Line 31: Line 31:
==Interactive Age Determination Tool==
==Interactive Age Determination Tool==
<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
<div style="position: relative; width: 100%; height: 0; padding-top: 49.2679%;
<!-- AYSO Age Calculator (single-file, no external deps) -->
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
<div id="ayso-age-calc" style="max-width:520px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;">
border-radius: 8px; will-change: transform;">
<div style="background:#08529f;padding:24px;border-radius:20px;">
<iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
<div style="background:#fff;border-radius:16px;padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.25);">
src="https://www.canva.com/design/DAG4ZykOPKI/mNHiau9Iquddl4e5znTB1Q/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
<h2 style="margin:0 0 6px 0;font-size:28px;font-weight:800;text-align:center;color:#111">AYSO Age Calculator</h2>
⚫
</iframe>
<p style="margin:0 0 16px 0;text-align:center;opacity:.8">Fall 2026 &amp; Spring 2027</p>
<div style="background:#f8f9fa;border-radius:12px;padding:12px;margin-bottom:16px;font-size:14.5px;line-height:1.55">
Enter your child's birthdate to determine their division.
</div>
<div style="margin-bottom:14px;">
<label for="aysoBirth" style="display:block;margin:0 0 6px 0;font-weight:600">Child's Birthdate</label>
<input id="aysoBirth" type="date" max="2027-07-31"
style="width:100%;padding:12px 14px;border:2px solid #e9ecef;border-radius:12px;font-size:16px;box-sizing:border-box;">
</div>
<button id="aysoBtn" type="button"
style="width:100%;padding:12px 14px;background:#08529f;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer">
Calculate Division
</button>
<div id="aysoOut" aria-live="polite"
style="display:none;margin-top:16px;padding:14px;border-radius:12px;text-align:center"></div>
<noscript><p style="margin-top:12px;text-align:center">Enable JavaScript to use the calculator.</p></noscript>
</div>
⚫
</div>
</div>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAG4ZykOPKI&#x2F;mNHiau9Iquddl4e5znTB1Q&#x2F;view?utm_content=DAG4ZykOPKI&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Copy of AYSO Age Group Determination Tool for 2026-2027</a> by alexdrey6

<script>
(function(){
function fmt(d){return d.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"});}

// Fall 2026 / Spring 2027 membership year ranges (AYSO school-year matrix: Aug 1 – Jul 31)
// Use 18U (AYSO). If your Region uses 19U, change the last label to "19U".
var divisions = [
{ name:"4U (Playground)", start:new Date(2022,7,1), end:new Date(2023,6,31) },
{ name:"5U (Schoolyard)", start:new Date(2021,7,1), end:new Date(2022,6,31) },
{ name:"6U", start:new Date(2020,7,1), end:new Date(2021,6,31) },
{ name:"8U", start:new Date(2018,7,1), end:new Date(2020,6,31) },
{ name:"10U", start:new Date(2016,7,1), end:new Date(2018,6,31) },
{ name:"12U", start:new Date(2014,7,1), end:new Date(2016,6,31) },
{ name:"14U", start:new Date(2012,7,1), end:new Date(2014,6,31) },
{ name:"16U", start:new Date(2010,7,1), end:new Date(2012,6,31) },
{ name:"18U", start:new Date(2008,7,1), end:new Date(2010,6,31) }
];

function findDivision(iso){
var b = new Date(iso);
for(var i=0;i<divisions.length;i++){
var d = divisions[i];
if(b >= d.start && b <= d.end) return {name:d.name, start:fmt(d.start), end:fmt(d.end)};
}
return null;
}

var btn = document.getElementById('aysoBtn');
var out = document.getElementById('aysoOut');
btn.addEventListener('click', function(){
var val = document.getElementById('aysoBirth').value;
if(!val){
out.style.display='block';
out.style.background='#fee2e2'; out.style.border='2px solid #ef4444';
out.innerHTML = "<strong>Please enter a valid birthdate.</strong>";
return;
}
var res = findDivision(val);
out.style.display='block';
if(res){
out.style.background='#d1fae5'; out.style.border='2px solid #10b981';
out.innerHTML =
"<div style='font-weight:700;margin-bottom:4px'>Your child qualifies for:</div>"+
"<div style='font-size:26px;font-weight:800;color:#08529f;margin:6px 0'>"+res.name+"</div>"+
"<div style='opacity:.8'>Birth dates: "+res.start+" – "+res.end+"</div>"+
"<div style='opacity:.8;margin-top:6px'>Valid for Fall 2026 &amp; Spring 2027 seasons</div>";
} else {
out.style.background='#fee2e2'; out.style.border='2px solid #ef4444';
out.innerHTML = "<strong>We couldn't match this birthdate.</strong> Please contact your local AYSO Region.";
}
});
})();
</script>

</syntaxhighlight>
</syntaxhighlight>


Revision as of 08:25, 11 November 2025

<iframe src="file:///Users/alex/Downloads/content%202/index.html" width="100%" height="500"></iframe>

AYSO Age Determination (Fall 2026 Season)

AYSO uses a school-year registration system to place players in the correct division. Divisions are assigned by birth year using the window August 1 – July 31. A player remains in the same division for the entire membership year (Aug 1–Jul 31).

Age Group Chart: Fall 2026

AYSO Age Groups for Fall 2026
AYSO Age Groups for Fall 2026
Division Birthdate Range
6U Aug 1, 2020 – Jul 31, 2021
8U Aug 1, 2018 – Jul 31, 2020
10U Aug 1, 2016 – Jul 31, 2018
12U Aug 1, 2014 – Jul 31, 2016
14U Aug 1, 2012 – Jul 31, 2014
16U Aug 1, 2010 – Jul 31, 2012
18U Aug 1, 2008 – Jul 31, 2010

How It Works

  1. Find the player’s date of birth.
  2. Match it to the birthdate range in the chart.
  3. That division applies for the full membership year (Aug 1–Jul 31).

This system keeps players grouped by age in line with school calendars and U.S. Soccer standards.

Interactive Age Determination Tool

<div style="position: relative; width: 100%; height: 0; padding-top: 49.2679%;
 padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
 border-radius: 8px; will-change: transform;">
  <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;"
    src="https://www.canva.com/design/DAG4ZykOPKI/mNHiau9Iquddl4e5znTB1Q/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen">
  </iframe>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAG4ZykOPKI&#x2F;mNHiau9Iquddl4e5znTB1Q&#x2F;view?utm_content=DAG4ZykOPKI&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Copy of AYSO Age Group Determination Tool for 2026-2027</a> by alexdrey6

Notes for EXTRA, Alliance, and Competitive Teams

  • All players must meet AYSO’s age eligibility using the school-year matrix above.
  • Playing down into a younger division is not permitted.
  • Playing up may be considered only when developmentally appropriate and approved by the Region (and per any Area/Section rules).
  • Alliance teams may follow league-specific labels, but AYSO registration and eligibility still use the same age matrix.

Guiding Principle

Age determination exists to create safe, developmentally appropriate playing environments that are consistent across AYSO.

Retrieved from "https://wiki.ayso.org/w/index.php?title=User:Alexdiaz&oldid=4710"