{{ tocSubheader }}
| {{ 'ml-lesson-number-slides' | message : article.intro.bblockCount}} |
| {{ 'ml-lesson-number-exercises' | message : article.intro.exerciseCount}} |
| {{ 'ml-lesson-time-estimation' | message }} |
Tina (Diskussion | bidrag) | Appe (Diskussion | bidrag) | ||
Rad 3: | Rad 3: | ||
En funktion är en '''omvandlingsregel'''. Man sätter in ett värde som via regeln (även kallat [[Funktionsuttryck *Wordlist*|funktionsuttrycket]]) skapar ett nytt värde. Invärdet brukar kallas $x$<t3> ([[Oberoende variabel *Wordlist*|oberoende variabel]])</t3> medan utvärdet brukar kallas $y$ eller $f(x)$<t4> ([[Beroende variabel *Wordlist*|beroende variabel]])</t4>. | En funktion är en '''omvandlingsregel'''. Man sätter in ett värde som via regeln (även kallat [[Funktionsuttryck *Wordlist*|funktionsuttrycket]]) skapar ett nytt värde. Invärdet brukar kallas $x$<t3> ([[Oberoende variabel *Wordlist*|oberoende variabel]])</t3> medan utvärdet brukar kallas $y$ eller $f(x)$<t4> ([[Beroende variabel *Wordlist*|beroende variabel]])</t4>. | ||
<jsxgpre id="funkMaskin234"> | <jsxgpre id="funkMaskin234"> | ||
− | var b = mlg.board([-0.7,4,7.7,-0.1],{grid:false}); | + | var b = mlg.board([-0.7,4,7.7,-0.1],{grid:false}); |
− | b.textA(0.5,1.4,'x'.italics() + '-värde:',{fontsize:1.1}); | + | b.textA(0.5,1.4,'x'.italics() + '-värde:',{fontsize:1.1}); |
− | b.polygon([[0,1.1],[1,1.1],[1,0.2],[0,0.2]],{vertices:{visible:false},fillcolor:'lightyellow',layer:8}); | + | b.polygon([[0,1.1],[1,1.1],[1,0.2],[0,0.2]],{vertices:{visible:false},fillcolor:'lightyellow',layer:8}); |
− | b.textA(6.5,1.4,'y'.italics() + '-värde:',{fontsize:1.1}); | + | b.textA(6.5,1.4,'y'.italics() + '-värde:',{fontsize:1.1}); |
− | b.polygon([[6,1.1],[7,1.1],[7,0.2],[6,0.2]],{vertices:{visible:false},fillcolor:'lightyellow',layer:8}); | + | b.polygon([[6,1.1],[7,1.1],[7,0.2],[6,0.2]],{vertices:{visible:false},fillcolor:'lightyellow',layer:8}); |
− | b.textA(3.5,1.4,'Funktion:',{fontsize:1.1}); | + | b.textA(3.5,1.4,'Funktion:',{fontsize:1.1}); |
− | var fatPoint1=b.node(2,1.1); | + | var fatPoint1=b.node(2,1.1); |
− | var fatPoint2=b.node(2,0.2); | + | var fatPoint2=b.node(2,0.2); |
− | b.polygon([[2,1.1],fatPoint1,[5,1.1],[5,0.2],fatPoint2,[2,0.2]],{vertices:{visible:false},fillcolor:'#FAFCC4',layer:8}); | + | b.polygon([[2,1.1],fatPoint1,[5,1.1],[5,0.2],fatPoint2,[2,0.2]],{vertices:{visible:false},fillcolor:'#FAFCC4',layer:8}); |
− | var funktion = b.text(3. | + | var funktion = b.text(3.1,0.63,'f(x)=x+3',{fontsize:1.2}); |
− | var travel = b. | + | var travel = b.txt(0.4,0.63,'',{fontsize:1.2,color:'blue'}); |
− | var xbox = b. | + | var xbox = b.txt(0.4,0.63,'',{fontsize:1.2}); |
− | var ybox = b.text(0.5,1.63,'',{fontsize:1.2}); | + | var ybox = b.text(0.5,1.63,'',{fontsize:1.2}); |
− | b.curve([1,1.1,1.1,1.9,1.9,5.1,5.1,5.9,5.9,6,6,5.9,5.9,5.1,5.1,1.9,1.9,1.1,1.1,1], | + | b.curve([1,1.1,1.1,1.9,1.9,5.1,5.1,5.9,5.9,6,6,5.9,5.9,5.1,5.1,1.9,1.9,1.1,1.1,1], |
− | + | [0.3,0.3,0.4,0.4,0.3,0.3,0.4,0.4,0.3,0.3,1,1,0.9,0.9,1,1,0.9,0.9,1,1],{strokeColor:'black'}); | |
− | var ready=true; | + | var ready=true; |
− | var runAnimation = function(strings){ | + | var runAnimation = function(strings){ |
− | if(ready){ | + | if(ready){ |
− | ready=false; | + | ready=false; |
− | b.hide(travel); | + | b.hide(travel); |
− | b.fadeOut(travel); | + | b.fadeOut(travel); |
− | b.changeText(funktion,'f(x)=x+3'); | + | b.changeText(funktion,'f(x)=x+3'); |
− | b.changeText(xbox,strings['x']); | + | b.changeText(xbox,strings['x']); |
− | b.changeText(travel,strings['x']); | + | b.changeText(travel,strings['x']); |
− | travel.setAttribute({color:'blue'}); | + | travel.setAttribute({color:'blue'}); |
− | setTimeout(function(){b.fadeIn(travel);b.moveAlong(travel,[[0.5,0.63],[1.9,0.63]],1500);},1000); | + | setTimeout(function(){b.fadeIn(travel);b.moveAlong(travel,[[0.5,0.63],[1.9,0.63]],1500);},1000); |
− | setTimeout(function(){b.fadeOut(travel,200); | + | setTimeout(function(){b.fadeOut(travel,200); |
− | fatPoint1.moveTo([2.1,1.2]); | + | fatPoint1.moveTo([2.1,1.2]); |
− | fatPoint2.moveTo([2.1,0.1]); | + | fatPoint2.moveTo([2.1,0.1]); |
− | b.translate([fatPoint1,fatPoint2],2.9,null,1500); | + | b.translate([fatPoint1,fatPoint2],2.9,null,1500); |
− | },2500); | + | },2500); |
− | setTimeout(function() {b.changeText(funktion,'f('+strings['x']+')=x+3');b.changeLetter(funktion,3,'color','blue');}, 3000); | + | setTimeout(function() {b.changeText(funktion,'f('+strings['x']+')=x+3');b.changeLetter(funktion,3,'color','blue');}, 3000); |
− | setTimeout(function() {b.changeText(funktion,'f('+strings['x']+')='+strings['x']+'+3');b.changeLetter(funktion,[3,6],'color','blue');}, 3400); | + | setTimeout(function() {b.changeText(funktion,'f('+strings['x']+')='+strings['x']+'+3');b.changeLetter(funktion,[3,6],'color','blue');}, 3400); |
− | setTimeout(function(){fatPoint1.moveTo([2.1,1.1]);fatPoint2.moveTo([2.1,0.2]);b.changeText(travel,strings['y']);travel.setAttribute({color:'black'});travel.moveTo([5,0.6]);b.fadeIn(travel);b.moveAlong(travel,[[5,0.63],[6.5,0.63]],1500);},4100); | + | setTimeout(function(){fatPoint1.moveTo([2.1,1.1]);fatPoint2.moveTo([2.1,0.2]);b.changeText(travel,strings['y']);travel.setAttribute({color:'black'});travel.moveTo([5,0.6]);b.fadeIn(travel);b.moveAlong(travel,[[5,0.63],[6.5,0.63]],1500);},4100); |
− | setTimeout(function(){ready=true;}, 4500); | + | setTimeout(function(){ready=true;}, 4500); |
− | } | + | } |
− | }; | + | }; |
− | mlg.af("funkMaskin234.func1", function(){ | + | mlg.af("funkMaskin234.func1", function(){ |
− | + | var strings={ | |
− | + | x:'3', | |
− | + | y:'6' | |
− | + | }; | |
− | + | runAnimation(strings); | |
− | }); | + | }); |
− | mlg.af("funkMaskin234.func2", function(){ | + | mlg.af("funkMaskin234.func2", function(){ |
− | + | var strings={ | |
− | + | x:'\\text{-2}', | |
− | + | y:'1' | |
− | + | }; | |
− | + | runAnimation(strings); | |
− | }); | + | }); |
− | mlg.af("funkMaskin234.func3", function(){ | + | mlg.af("funkMaskin234.func3", function(){ |
− | + | var strings={ | |
− | + | x:'7', | |
− | + | y:'10' | |
− | + | }; | |
− | + | runAnimation(strings); | |
− | }); | + | }); |
− | mlg.af("funkMaskin234.func4", function(){ | + | mlg.af("funkMaskin234.func4", function(){ |
− | + | var strings={ | |
− | + | x:'{\\text{-9}}', | |
− | + | y:'{\\text{-6}}' | |
− | + | }; | |
− | + | runAnimation(strings); | |
− | }); | + | }); |
− | mlg.af("funkMaskin234.func5", function(){ | + | mlg.af("funkMaskin234.func5", function(){ |
− | + | var strings={ | |
− | + | x:'0', | |
− | + | y:'3' | |
− | + | }; | |
− | + | runAnimation(strings); | |
− | }); | + | }); |
− | b.node(0,1.5); | + | b.node(0,1.5); |
− | b.node(5,0); | + | b.node(5,0); |
− | b.cropB(0.1); | + | b.cropB(0.1); |
</jsxgpre> | </jsxgpre> | ||
<div style="text-align:center;"><translate><!--T:3--> | <div style="text-align:center;"><translate><!--T:3--> |
Omvandlingsregeln här kan tolkas i ord som "addera 3". Utvärdet y bildas alltså genom att addera 3 till invärdet x. Paret av x och y kan tolkas som en punkt. Genom att räkna ut flera sådana punkter som funktionen bildar och sätta ut punkterna i ett koordinatsystem kan funktionen illustreras grafiskt. För att en regel ska få kallas en funktion får varje x som mest ge ett y-värde. Däremot får samma y-värde återkomma för flera olika x.