|
 |
|
ถามหน่อยครับ ถ้าเช็คค่าที่เข้ามาว่าตรงกับปุ่มที่เรากดหรือไม่ เเล้วให้ขึ้นเเสดงที่กราฟครับ |
|
 |
|
|
 |
 |
|
โค้ดตอนนี้เป็นเเบบนี้ครับ กดปุ่มชนะ กราฟขึ้นx1,y1 ถ้ากดชนะอีกขึ้น x2,y2 ถ้ากดปุ่มเเพ้จะเป็น x4,y1
เเต่อยากได้เเบบนี้ครับ
คือ
จะมีค่าเข้ามาคือ ค่าชนะ พอเรากด ปุ่มชนะ ให้กราฟขึ้น x1,y1
ถ้ามี ค่าชนะเข้ามาอีกเรากด ปุ่มชนะ ให้กราฟขึ้นเป็น x2,y2
ถ้ามี ค่าเเพ้ เข้ามาเรากด ปุ่มเเพ้ กราฟจะขึ้นมาเป็น x3,y3
เเต่ถ้า มีค่าเเพ้เข้ามา เเล้วเรากด ปุ่มชนะ กราฟจะลงเป็น x4,y2
ถ้ามี ค่าเเพ้เข้ามาอีก เเล้วเรากด ปุ่มชนะ กราฟจะเป็น x5,y1
Code (PHP)
<html>
<head>
<!-- ปุ่มบวก/ลบเลข -->
<script>
function addnum(){
_x++;
_y++;
document.all.txtint;
statusColor = "green";
dataSet.push([_x, _y, 'color:'+statusColor])
drawChart();
}
function delnum(){
_x++;
_y--;
document.all.txtint;
statusColor = "red";
dataSet.push([_x, _y, 'color:'+statusColor])
drawChart();
}
function data(){
_x++;
_y;
document.all.txtint;
statusColor = "blue";
dataSet.push([_x, _y, 'color:'+statusColor])
drawChart();
}
</script>
<button type="button" name= "addBallBlue1" id="addBallBlue1" onclick="addnum()" > ชนะ</button>
<button type="button" name= "addBallBlue2" id="addBallBlue2" onclick="data()" > เสมอ</button>
<button type="button" name= "addBallBlue3" id="addBallBlue3" onclick="delnum()" > เเพ้</button>
<!-- กราฟ -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
var _x = 0;
var _y = 0;
var dataSet = [[0, 0, 'color: blue']]; // ข้อมูลเริ่มต้น
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Round'); //จำนวนรอบแข่ง
data.addColumn('number', 'Result'); // ผลลัพธ์ ชนะสีเขียว แพ้สีแดง เสมอสีฟ้า
data.addColumn({type: 'string', role: 'style'}); // เก็บรูปแบบการกำหนด style
if(dataSet.length>0){ // มีข้อมูลหรือไม่
for(i=0; i<=dataSet.length; i++){ // วนลูปแสดงข้อมูล
data.addRow(dataSet[i]); // เพิ่มข้อมูล
}
}
var options = {
title: '',
hAxis: {title: 'รอบที่', minValue: 0, maxValue: 20},
vAxis: {title: 'ชนะ-เเพ้', minValue: -10, maxValue: 10},
legend: 'none'
};
var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<!-- กราฟ -->
<div id="chart_div" style="width: 1300px; height: 700px;"></div>
</body>
</html>
เขียนประมาณไหนครับ
Tag : PHP

|
ประวัติการแก้ไข 2019-06-07 15:39:14 2019-06-08 14:29:30
|
 |
 |
 |
 |
Date :
2019-06-06 14:53:44 |
By :
1768876979829526 |
View :
764 |
Reply :
7 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
เเนะนำหน่อยครับ
|
 |
 |
 |
 |
Date :
2019-06-08 14:29:46 |
By :
1768876979829526 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
สงสัย
จะมีค่าเข้ามาคือ ค่าชนะ พอเรากด ปุ่มชนะ ให้กราฟขึ้น x1,y1
ถ้ามี ค่าชนะเข้ามาอีกเรากด ปุ่มชนะ ให้กราฟขึ้นเป็น x2,y2
ถ้ามี ค่าเเพ้ เข้ามาเรากด ปุ่มเเพ้ กราฟจะขึ้นมาเป็น x3,y3
เเต่ถ้า มีค่าเเพ้เข้ามา เเล้วเรากด ปุ่มชนะ กราฟจะลงเป็น x4,y2
ถ้ามี ค่าเเพ้เข้ามาอีก เเล้วเรากด ปุ่มชนะ กราฟจะเป็น x5,y1
ทำไมแก้ถึงกดปุ่มชนะ
|
 |
 |
 |
 |
Date :
2019-06-08 16:21:50 |
By :
zcoolmax |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
หมายถีงโปรแกรมมันจะ ทา่ย ผล แพ้ชนะเสมอ เอาไว้ ถ้าเรากด ตามผลการทายของโปรแกรม ก็จะ +1 ถ้าท่ายไม่ตรงก็จะ -1
ก็แค่ if else งงอะไรครับ
|
 |
 |
 |
 |
Date :
2019-06-08 18:25:36 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<button type="button" name= "addBallBlue1" id="addBallBlue1"
onclick="if( com_predict == 1){ addnum(); }else{ delnum();}" > ชนะ</button>
ประยุกต์เอาเองนะครับ กำหนด com_predict มากจากไหน และ if else แค่ 2 เคส
|
 |
 |
 |
 |
Date :
2019-06-09 09:28:21 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|