a

Votre navigateur ne supporte pas la balise canvas

 
<!DOCTYPE HTML>
<html lang = "fr">
<head>
	<title>tracer fonction</title>
	<meta charset = "utf-8" />
</head>
<body>
	<canvas id = "schema" height="300" width="300" style="border:1px solid">
   Votre navigateur ne supporte pas la balise canvas
</canvas>
a<input type="range" id="parametre" min="0.1" max="1" step="0.01" value="0.4">
<script>
	var zone_dessin = document.getElementById("schema");
	var graphe= zone_dessin.getContext("2d");
	 var intervalle=setInterval(rafraichissement_ecran,30);
	function rafraichissement_ecran() {
		graphe.clearRect(0, 0,300,300);
		var compteur=0;
		a=document.getElementById("parametre");
		graphe.beginPath();
			graphe.moveTo(0,f(0));
			while(compteur<300) {
			graphe.lineTo(compteur,150-f(compteur));
			compteur=(compteur+0.05);
		}						
		graphe.stroke();
	}
	function f(x) {
		var y=50*Math.sin(Math.pow(x,a.value));
		return (y);
	}
</script>
</body>
</html>