	
	<form id"skirtcalculator">
		<h3>Stufenrock-Rechner</h3>
		<p>Der Stufenrock-Rechner berechnet Dir entsprechend der <strong>Hüftweite</strong>, der <strong>Rocklänge</strong> und der <strong>Stufenanzahl</strong>, was für Stoffbahnen Du für die einzelnen Stufen brauchst.</p>
		<p>Je nach Stoffbreite brauchst Du dann für die einzelnen Stufen jeweils 1,2,3,.. mal die Höhe an Stoff.</p>
		<p>Wenn also wie im Beispiel, die 2. Stufe 183cm breit ist und 33cm hoch, dann brauchst Du bei 140cm Stoffbreite 66cm Stoff für die 2. Stufe.
		<p>
		</p>Die 1. Stufe passt, weil die Breite kleiner als 140 ist. Die 3. Stufe braucht wieder die doppelte Höhe, da 2x140cm = 280cm</p>
		<p>Achte darauf, dass wenn Du eine Stufe auf 2 (oder gar 3 Teile) aufteilst, Du diese ja zusammennähen musst und dann auch wieder eine Nahtzugabe brauchst.</p>
		<p>
		Wenn Du also die Stufe 2 mit 183 cm in 2 Teilen zuschneidest, dann brauchst Du 2cm mehr, also nicht 2x91,5cm, sondern 2x (91,5cm + 1cm Nahtzugabe) = 2x 92,5cm = 185cm.
		</p>
		<p>
			Das Ganze hängt also von der Stoffbreite ab. Bei Musselin beispielsweise ist die Stoffbreite teilweise auch nur 120cm, dann musst Du Dir überlegen, wie oft Du die Höhe beim Stoffkauf brauchst.
		</p>
		<p>
			<i>Wenn Du denkst, es sollte auch für den Stoffverbrauch einen Rechner geben, dann schreib uns einen Kommentar. Wenn es genügend nachgefragt wird, machen wir das noch.</i>
		</p>
		
		<table id="skirtform"> 
		<tr>
			<td><label for="hipSize" >Hüftweite in cm </label></td>
			<td><input name="hipSize" type="number" size="8" value="100" min="50" max="180" id="hipSize"></td>
		</tr>
		<tr>
	       	<td><label for="skritLenght">Rocklänge in cm </label>
	       	<td><input name="skirtLength" type="number" size="8" value="90" min="30" max="140" id="skirtLength"></td>
	       </tr>
		<tr>	       	
	  		<td><label for="stepNumber">Stufenanzahl </label>
	  		<td><input name="stepNumber" type="number" size="6" value="3" min="1" max="5" id="stepNumber" ></td>
	  	</tr>
		</table>	
		<table id="skirtresult">
		
			
		</table>

<p style="padding-top: 35px;">
	<a href="https://cheznu.tv/familymanagement/stufenrock-naehen-fuer-anfaenger-ohne-schnittmuster/" title="Nähanleitung Stufenrock nähen mit Video">Eine Nähanleitung für den Stufenrock findest Du hier</a>
</p>
		
	<script type="text/JavaScript"> 
	// Defintion Konstanten
	const RUBBER_WIDTH = 4.0  	// Gummibreite in cm
	const SEAM_ALLOWANCE = 1.5  	// Nahtzugabe in cm
	const HEM_ALLOWANCE = 3.0  	// Saumzugabe in cm			
	const outputWidthFirstStep = document.querySelector("output[id='widthFirstStep']");
	const outputHeightFirstStep = document.querySelector("output[id='heightFirstStep']");
	const outputWidthSecondStep = document.querySelector("output[id='widthSecondStep']");
	const outputHeightSecondStep = document.querySelector("output[id='heightSecondStep']");
	const outputWidthNthStep = document.querySelector("output[id='widthNthStep']");
	const outputHeightNthStep = document.querySelector("output[id='heightNthStep']");
		
	function writeTableHeader(skirtResultTable)
		{
			var header = skirtResultTable.createTHead();
			var headerRow = header.insertRow(0);
			var stepCaption = headerRow.insertCell(0);
			stepCaption.innerHTML = "Stufe";

			var stepWith = headerRow.insertCell(1);
			stepWith.innerHTML = "Breite";

			var stepWith = headerRow.insertCell(2);
			stepWith.innerHTML = "Höhe";
		}
		
	function expandTable (table, step, width, height)
		{
			var stepRow = table.insertRow(step);
			var stepCell = stepRow.insertCell(0).innerHTML = "#" + step;
			
			var widthCell = stepRow.insertCell(1).innerHTML = width +" cm";
			
			var heightCell = stepRow.insertCell(2).innerHTML = height +" cm";
			
		}
		
		
	function calculateSkirt ()
		{
			var hipSize = document.getElementById('hipSize').value; 
			var skirtLength = document.getElementById('skirtLength').value;
			var stepNumber = document.getElementById('stepNumber').value;
			
			var moreFactor = 1.5; //Faktor mit der die jeweils nächste Stoffbahn mulitpliziert wird
					
			
			if (stepNumber < 1 || stepNumber > 5) //zuwenige oder zuviele Stufen
				{
					document.getElementById("skirtresult").innerHTML = "Gib eine Stufenanzahl zwischen 1 und 5 an."
				}
			else if (hipSize < 50 || skirtLength > 180) //Hüftweite nicht korrekt eingegeben
				{
					document.getElementById("skirtresult").innerHTML = "Gib eine Hüftweite zwischen 50 und 180 an."
				}
			else if (skirtLength < 30 || skirtLength > 140) //Rücklänge nicht korrekt eingegeben
				{
					document.getElementById("skirtresult").innerHTML = "Gib eine Rocklänge zwischen 30 und 140 an."
				}
			else // Eingabedaten sind gültig.
				{
					if (stepNumber == 4)
					{
						moreFactor = 1.4;
					}
					if (stepNumber == 5)
					{
						moreFactor = 1.3;
					}
					var skirtResultTable = document.getElementById("skirtresult");
					
					//Inhalt löschen vor dem Schreiben
					skirtResultTable.innerHTML = "";
					writeTableHeader(skirtResultTable);
					
					var currentstepwith = 0;
					var currentstepwithAndSeamAllowance = 0;
					
					
					//mittlere Stufenhöhe berechnen
					if (stepNumber >2) 
						{
							var middleStepHeight = (skirtLength/stepNumber) +2*SEAM_ALLOWANCE;		
						}
					
					//erste Stufe
					//Weite berechnen
					var firstStepHeight = (skirtLength/stepNumber) +2*SEAM_ALLOWANCE +RUBBER_WIDTH +1;
					currentstepwith = hipSize*1.2;
					currentstepwithAndSeamAllowance = currentstepwith + (SEAM_ALLOWANCE*2);

					//Tabelle erweitern
					
					
					expandTable (skirtResultTable, 1, currentstepwithAndSeamAllowance.toFixed(0), firstStepHeight.toFixed(0));
					
					
					
					if (stepNumber > 2)
					{
						//Weite berechnen
						currentstepwith = currentstepwith*moreFactor;
						currentstepwithAndSeamAllowance = currentstepwith + 2 * SEAM_ALLOWANCE
						
						//Tabelle erweitern
						expandTable (skirtResultTable, 2, currentstepwithAndSeamAllowance.toFixed(0), middleStepHeight.toFixed(0));
						
					}
					if (stepNumber > 3)
					{
						//Weite berechnen
						currentstepwith = currentstepwith*moreFactor;
						currentstepwithAndSeamAllowance = currentstepwith + 2 * SEAM_ALLOWANCE
						
						//Tabelle erweitern
						expandTable (skirtResultTable, 3, currentstepwithAndSeamAllowance.toFixed(0), middleStepHeight.toFixed(0));
					}
					if (stepNumber > 4)
					{
						//Weite berechnen
						currentstepwith = currentstepwith*moreFactor;
						currentstepwithAndSeamAllowance = currentstepwith + 2 * SEAM_ALLOWANCE
						
						//Tabelle erweitern
						expandTable (skirtResultTable, 4, currentstepwithAndSeamAllowance.toFixed(0), middleStepHeight.toFixed(0));
					}
					//letzte Stufe
					
					//Weite berechnen
					if(stepNumber >1)
					{
						var lastStepHeight = (skirtLength/stepNumber) +2*SEAM_ALLOWANCE +HEM_ALLOWANCE;

						currentstepwith = currentstepwith*moreFactor;
						currentstepwithAndSeamAllowance = currentstepwith + 2 * SEAM_ALLOWANCE

						//Tabelle erweitern
						expandTable (skirtResultTable, stepNumber, currentstepwithAndSeamAllowance.toFixed(0), lastStepHeight.toFixed(0));
					}

					
				}
			
		}
		
	calculateSkirt();

	// Funktion, die aufgerufen wird, sobald die Hüftweite verändernd wird	
	hipSize.oninput = function (eve) 
	{
		calculateSkirt();
	}
		
	// Funktion, die aufgerufen wird, sobald die Rocklänge verändernd wird
	skirtLength.oninput = function (eve) 
	{
		calculateSkirt();
	}
	
	// Funktion, die aufgerufen wird, sobald die Stufenanzahl verändernd wird
	stepNumber.oninput = function (eve) 
	{
		calculateSkirt();
	}	
	
	
	</script> 				
       {"id":44835,"date":"2020-07-16T08:11:32","date_gmt":"2020-07-16T06:11:32","guid":{"rendered":"https:\/\/cheznu.tv\/familymanagement\/?page_id=44835"},"modified":"2020-07-16T08:11:32","modified_gmt":"2020-07-16T06:11:32","slug":"stufenrockrechner","status":"publish","type":"page","link":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/","title":{"rendered":"Stufenrockrechner"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44835","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Stufenrockrechner - ChezNU.TV<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Stufenrockrechner - ChezNU.TV\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/\" \/>\n<meta property=\"og:site_name\" content=\"ChezNU.TV\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cheznutv\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cheznu.tv\/familymanagement\/wp-content\/uploads\/2018\/02\/Facebook_ChezNU_Thumb.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@cheznu_family\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/stufenrockrechner\\\/\",\"url\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/stufenrockrechner\\\/\",\"name\":\"Stufenrockrechner - ChezNU.TV\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/#website\"},\"datePublished\":\"2020-07-16T06:11:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/stufenrockrechner\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/stufenrockrechner\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/stufenrockrechner\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stufenrockrechner\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/#website\",\"url\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/\",\"name\":\"ChezNU.TV\",\"description\":\"N\u00e4hen | Basteln | Haushalt | Familie\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cheznu.tv\\\/familymanagement\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Stufenrockrechner - ChezNU.TV","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/","og_locale":"de_DE","og_type":"article","og_title":"Stufenrockrechner - ChezNU.TV","og_url":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/","og_site_name":"ChezNU.TV","article_publisher":"https:\/\/www.facebook.com\/cheznutv\/","og_image":[{"width":1200,"height":630,"url":"https:\/\/cheznu.tv\/familymanagement\/wp-content\/uploads\/2018\/02\/Facebook_ChezNU_Thumb.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@cheznu_family","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/","url":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/","name":"Stufenrockrechner - ChezNU.TV","isPartOf":{"@id":"https:\/\/cheznu.tv\/familymanagement\/#website"},"datePublished":"2020-07-16T06:11:32+00:00","breadcrumb":{"@id":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cheznu.tv\/familymanagement\/stufenrockrechner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/cheznu.tv\/familymanagement\/"},{"@type":"ListItem","position":2,"name":"Stufenrockrechner"}]},{"@type":"WebSite","@id":"https:\/\/cheznu.tv\/familymanagement\/#website","url":"https:\/\/cheznu.tv\/familymanagement\/","name":"ChezNU.TV","description":"N\u00e4hen | Basteln | Haushalt | Familie","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cheznu.tv\/familymanagement\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/pages\/44835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/comments?post=44835"}],"version-history":[{"count":1,"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/pages\/44835\/revisions"}],"predecessor-version":[{"id":44836,"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/pages\/44835\/revisions\/44836"}],"wp:attachment":[{"href":"https:\/\/cheznu.tv\/familymanagement\/wp-json\/wp\/v2\/media?parent=44835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}