-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfunktiot.html
More file actions
221 lines (206 loc) · 10.2 KB
/
funktiot.html
File metadata and controls
221 lines (206 loc) · 10.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<!-- HEAD SECTION-->
<head>
<meta charset="utf-8">
<title>Linkki</title>
<base href="https://linkki.github.io/repl_python/">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- MAIN STYLE SECTION-->
<link href="assets/plugins/isotope/isotope.css" rel="stylesheet" media="screen" />
<link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" />
<link href="assets/plugins/IconHoverEffects-master/css/component.css" rel="stylesheet" />
<link href="assets/plugins/bootstrap/bootstrap.css" rel="stylesheet" />
<link href="assets/css/about-achivements.css" rel="stylesheet" />
<link id="mainStyle" href="assets/css/style.css" rel="stylesheet" />
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<!-- END MAIN STYLE SECTION-->
<script src="assets/scripts/replExercise.js"></script>
<script src="assets/scripts/dom.js"></script>
</head>
<!-- END HEAD SECTION-->
<!-- BODY SECTION-->
<body>
<!-- HEADER SECTION-->
<div id="navbar">
<script>
htmlFromFile('navbar', 'assets/html/navbar.html')
</script>
</div>
<!-- END HEADER SECTION-->
<!-- PAGE CONTENT-->
<section id="Homepage">
<div class="container">
<div class="row">
<div data-scrollreveal="wait 0.5s and then ease-in-out 50px" class="col-md-6 col-md-offset-3">
<div class="align-center">
<h2 class="main-text"> Funktiot </h2>
</div>
</div>
</div>
</div>
</section>
<section style=margin-top=20px>
<div class="container">
<div class="row">
<div class="">
<!-- CONTENT HERE -->
<h2>Pythonin funktiot</h2>
Funktiot ovat käteviä, koska niillä voi helposti jäsentää koodia.
</br> Funktioilla voi vähentää koodin määrää ja parantaa luettavuutta, mikä
on erittäin tärkeää, kun ohjelmassa on paljon koodia.
</br></br>
Funktiolla on aina nimi ja sisältö eli funktion koodi.
Funktio luodaan avainsanalla <code>def</code>, funktion nimellä ja sulkeilla.
</br>esim.</br> <code>def sano_hei():</br>  print('Hei!')</code>
</br></br>
<script>
createReplExercise(`
Funktio luodaan avainsanalla <code>def</code>, funktion nimellä ja sulkeilla. .
</br></br>
Funktion sisältö kirjoitetaan sisennykseen.
</br>Kuten if ja for -lauseissa, kaksoispiste merkitsee sisennysalueen aloitusta.
`,
"esimerkki1", "Esimerkki 1: funktio, joka tulostaa Hei!",
"https://repl.it/@hilipatiheijaa/funktioesimerkki1?lite=true")
</script>
</br></br>
<script>
createReplExercise(`
Luo funktio nimeltä abc (<code>def abc()</code>), joka tulostaa:</br>
<pre>
apina
banaani
cembalo
</pre>
`,
"tehtava1", "Tehtävä 1: abc",
"https://repl.it/@hilipatiheijaa/funktiotehtava1?lite=true")
</script>
</br></br>
Tutut komennot, kuten esimerkiksi <code>print()</code> ja <code>input()</code> ovat myös funktioita.
Funktiot tunnistaa suluista nimen perässä.
<br></br>
Kuten print-funktiolle komennossa <code>print('apina')</code>,
itsetehdyille funktioillekin voi antaa arvoja joita funktio käyttää.
</br>
Näitä arvoja kutsutaan usein funktion argumenteiksi.
</br></br>
Funktion argumentit määritetään funktion sulkujen sisällä kuten alla olevasta esimerkistä
nähdään.
</br></br>
<script>
createReplExercise(`
Esimerkkifunktio tulostaa argumenttina annetun tekstin.
</br></br>
`,
"esimerkki2", "Esimerkki 2: funktio, joka tulostaa annetun tekstin",
"https://repl.it/@hilipatiheijaa/funktioesimerkki2?lite=true")
</script>
</br></br>
<script>
createReplExercise(`
Kirjoita funktio nimelta <code>tulosta_kahden_summa</code>, joka
tulostaa kahden argumentin summan.
</br></br>
Esimerkki funktion käytöstä: <code>tulosta_kahden_summa(1, 1)</code>
-> tulostuu <code>'2'</code>
</br></br>
`,
"tehtava2", "Tehtävä 2: funktio, joka tulostaa kahden luvun summan",
"https://repl.it/@hilipatiheijaa/funktiotehtava2?lite=true")
</script>
</br></br>
Funktiot voivat palauttaa arvoja, joita voi tallentaa muuttujiin. Näin
tekee muiden muassa <code>input</code>-funktio, joka palauttaa syötteen arvon,
esim. <code>vastaus = input('Kuka on Suomen istuva presidentti?')</code>.
</br></br>
Funktion palautettava arvo määritetään avainsanalla <code>return</code>.
</br></br>
<script>
createReplExercise(`
Ensimmäinen esimerkkifunktio palauttaa argumentin neliön.
</br>Toinen esimerkkifunktio palauttaa tyhjän arvon, jota merkitään
pythonissa avainsanalla <code>None</code>.
`,
"esimerkki3", "Esimerkki 3: funktion palautusarvo",
"https://repl.it/@hilipatiheijaa/funktioesimerkki3?lite=true")
</script>
</br></br>
<script>
createReplExercise(`
Kirjoita funktio nimelta <code>kolmen_luvun_tulo</code>, joka
palauttaa kolmen argumenttinsa tulon.
</br></br>
Esimerkki funktion käytöstä: <code>x = kolmen_luvun_tulo(2, 2, 2)</code>
-> <code>x=8</code>
</br></br>
`,
"tehtava3", "Tehtävä 3: funktio, joka palauttaa kolmen luvun tulon",
"https://repl.it/@hilipatiheijaa/funktiotehtava3?lite=true")
</script>
</br></br>
Funktioiden avulla voidaan jo tehdä monimutkaisiakin ohjelmia ilman,
että koodi muuttuu kovin epäselväksi.
</br></br>
<script>
createReplExercise(`
Tekstipohjainen roolipeli, jossa hyödynnetään funktioita ja muita opittuja
asioita.
</br></br>
Peli on hieman keskeneräinen, voit parantaa sitä lisäämällä esimerkiksi
haastavampia vihollisia uudella alueella tai lisäämällä peliin
käytettäviä tavaroita. Tavarat voivat esimerkiksi haavoittaa vastustajaa tai
parantaa omaa hahmoa.
</br></br>
Voit myös tehdä kokonaan omanlaisen versiosi pelistä.
`,
"esimerkki4", "Esimerkki 4: Yksinkertainen roolipeli",
"https://repl.it/@hilipatiheijaa/rpgesimerkki?lite=true")
</script>
</br></br>
</div>
</div>
</div>
</section>
<!--END PAGE CONTENT-->
<!-- END FOOTER SECTION-->
<!-- SCROLLUP LINK SECTION
<a href="#Homepage" class="scrollup"><i class="fa fa-chevron-up"></i></a>
END SCROLLUP LINK SECTION-->
<!-- STYLE SWITCHER SECTION
<div class="panel" style="color:white">
<div id="styledemo" style="left: 0px;">
<span id="theme_blue" style="background-color:#37AFFF"></span>
<span id="theme_green" style="background-color:#469E66"></span>
<span id="theme_brown" style="background-color:#E69351"></span>
<span id="theme_red" style="background-color:#E7484E"></span>
</div>
</div>
<a class="trigger" href="#"></a>
END STYLE SWITCHER SECTION-->
<!-- MAIN SCRIPTS SECTION-->
<script src="assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/scrollReveal.js"></script>
<script>
window.scrollReveal = new scrollReveal(); //please put this script here to show animation at the time of scroll
</script>
<script src="assets/js/jquery.easing.1.3.js"></script>
<script src="assets/plugins/bootstrap/bootstrap.min.js"></script>
<script src="assets/plugins/isotope/jquery.isotope.min.js"></script>
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js"></script>
<script src="assets/js/jquery.localscroll-1.2.7-min.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<!-- <script src="assets/scripts/main.js"></script> -->
<!--END MAIN SCRIPTS SECTION-->
</body>
<!--END BODY SECTION-->
</html>