PersianElementarySchoolMath/book_3_131.html at master · FNaderi01/PersianElementarySchoolMath · GitHub

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
<!DOCTYPE html>
<html>

<head>
  <meta name="author" content="Reza Mohajer">
  <title>page 131</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./assets/3rd/css/mohajer.css">
  <script src="assets/3rd/js/mohajer/core.js"></script>
  <script src="assets/3rd/js/mohajer/charts.js"></script>
  <script src="assets/3rd/js/mohajer/animated.js"></script>
  <script src="assets/3rd/js/mohajer/mohajer.js"></script>
  <script src='https://kit.fontawesome.com/a076d05399.js'></script>
</head>

<body>
  <div class="right-border">
    <div>
      <p> <span style="color: rgb(252,189,129);">2- </span>
        مدّت زمانی که طول می‌کشد تا دانش‌آموزان مدرسه‌ی دانش از خانه به
        مدرسه بروند،در نمودار زیر مشخّص شده است.</p>
      <p> اکثر این دانش‌آموزان، بیشتر از 10 دقیقه در راه‌اند.
      </p>
      <p>
        به نظر شما، چه تعدادی از این دانش‌آموزان بهتر است با سرویس به خانه بروند؟
        <span>
          <input type="text" id="input1" style="width: 5vw; text-align: center;" onKeyUp="checkInput(this,12)">
          <span style="width:5vw;" class="lineAnswer"></span>
        </span>
        چرا؟
        <span>
          <input type="text" style="width: 20vw;">
          <span style="width:20vw;" class="lineAnswer"></span>
        </span>
      </p>
      <p>
        <span style="position:absolute;">
          <input type="text" style="width: 50vw;">
          <span style="width:50vw;" class="lineAnswer"></span>
        </span>
      </p>

      <img src="assets/3rd/images/mohajer/chart1-page130.png" class="chart1-page130">
      <p>
        <span style="color: rgb(252,189,129);">3- </span>نمودار دایره‌ای روبه‌رو نشان می‌دهد که مریم یک شبانه‌روز خود را
        چگونه گذرانده است.
      </p>
      <p> یک نمودار ستونی رسم کنید و این اطّلاعات را در آن قرار دهید .</p>
      <p> چگونه اطّلاعات نمودار را به عدد تبدیل می‌کنید؟ توضیح دهید.
        <span>
          <input type="text" style="width: 40vw;">
          <span style="width:40vw;" class="lineAnswer"></span>
        </span>
      </p>
      <p>
        <span>
          <input type="text" style="width: 77vw;">
          <span style="width:77vw;" class="lineAnswer"></span>
        </span>
      </p><br>
      <div class="correct" id="correct1" ></div>
      <div id="chart1" class="pieChart"></div>

      <div id="chartdiv" class="columnChart"></div>
      <p> <span style="color: rgb(252,189,129);">4- </span>
        لادن از دوستانش درباره‌ی آبمیوه‌ی مورد علاقه‌شان پرسید و با توجّه به پاسخ‌های آن‌ها نمودار ستونی زیر را رسم کرد.
      </p>
      <div>
        <img src="assets/3rd/images/mohajer/fruit.png" class="pic-fruit">
        <img src="assets/3rd/images/mohajer/chart3.png" class="pic-columnChart">
      </div>

      <p>
        کدامیک از این نمودارهای دایره‌ای به‌طور تقریبی همان اطّلاعات را نشان می‌دهد؟
        <span style="width:11vw;" class="lineAnswer"></span>
        چرا؟
        <span>
          <input type="text" style="width: 15vw;">
          <span style="width:15vw;" class="lineAnswer">
          </span>
        </span>
      </p>
      <p>
        <span>
          <input type="text" style="width: 78vw;">
          <div style="width:78vw;" class="lineAnswer">
          </div>
        </span>
      </p>
      <p>
        <input type="radio" name="chart4">
        <img src="assets/3rd/images/mohajer/chart4_1.png" class="chart4">
        <input type="radio" name="chart4">
        <img src="assets/3rd/images/mohajer/chart4_2.png" class="chart4">
        <input type="radio" name="chart4">
        <img src="assets/3rd/images/mohajer/chart4_3.png" class="chart4">
        <input type="radio" name="chart4">
        <img src="assets/3rd/images/mohajer/chart4_4.png" class="chart4">
      </p>
      <br>
    </div>
    <div class="pageNumber-container" style="margin-right: 78vw;">
      <a class='fas fa-angle-double-right	'  title="شروع" href="book_3_10.html"></a>
      <a class='fas fa-angle-right'title="قبلی" href="book_3_130.html"></a>
      <input type="number" onkeydown="enterPage(this)" class="pageNumber-content" value="131">
      <a class='fas fa-angle-left'  title="بعدی" href="book_3_132.html"></a>
      <a class='fas fa-angle-double-left'title="پایان" href="book_3_147.html"></a>
    </div>
  </div>
  <div class="background-style" style="margin-top: -15vw;"></div>
</body>

<script>
  data = [
    {
      key: "رفت و آمد",
      value: 5
    },
    {
      key: "خواب و استراحت",
      value: 5
    },
    {
      key: "درس خواندن در مدرسه",
      value: 5
    },
    {
      key: "تکلیف، تلویزیون و بازی",
      value: 5
    }
  ];
  dataCorrect = [
    {
      key: "رفت و آمد",
      value: 4
    },
    {
      key: "خواب و استراحت",
      value: 8
    },
    {
      key: "درس خواندن در مدرسه",
      value: 6
    },
    {
      key: "تکلیف، تلویزیون و بازی",
      value: 6
    }
  ];
  var widthMax = 25;
</script>
<script src="assets/3rd/js/mohajer/pieChart-page131.js"></script>
<script src="assets/3rd/js/mohajer/script.js"></script>

</html>