|
finally I found it,here is the code.
$(window).bind("load", function() {
var form = this.document.forms['mainForm'];
var selectElement = form.querySelectorAll('input');
var i;
for (i = 0; i < selectElement.length; i++) {
$(document.getElementById(selectElement[i].id)).blur(function() {
console.log($(this)[0].name);
console.log($(this)[0].value);
});
}
});
modified 10-Jul-18 10:51am.
|
|
|
|
|
Application overview: Personal expenses management application that allows users to track how much money have they spent.
[MAJOR] Requirements:
As a result of test problem solution you should provide a command-line application that supports following commands:
● add 2017-04-25 12 USD Jogurt — adds expense entry to the list of user expenses.
Expenses for various dates could be added in any order.
Command accepts following parameters:
2017-04-25 — is the date when expense occurred
12 — is an amount of money spent
USD — the currency in which expense occurred
Jogurt — is the name of product purchased
● list — shows the list of all expenses sorted by date
● clear 2017-04-25 — removes all expenses for specified date, where:
2017-04-25 — is the date for which all expenses should be removed
● total PLN — this command should take a list of exchange rates from http:
PLN — is the currency in which total amount of expenses should be presented
[MINOR] Requirements: In order to get extra points for test problem solution you might cover your source code with unit tests.
Application usage example: Here is an example of normal application usage flow, for each command a corresponding output is shown:
add 2017-04-25 2 USD Jogurt
2017-04-25
Jogurt 2 USD
add 2017-04-25 3 EUR "French fries"
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
add 2017-04-27 4.75 EUR Beer
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-27
Beer 4.75 EUR
add 2017-04-26 2.5 PLN Sweets
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
2017-04-27
Beer 4.75 EUR
list
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
2017-04-27
Beer 4.75 EUR
clear 2017-04-27
2017-04-25
Jogurt 2 USD
French Fries 3 EUR
2017-04-26
Sweets 2.5 PLN
total EUR
5.42 EUR
I’ve tried to do it like this, but i don’t know what to do next.
<pre lang="Javascript"><pre><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"><pre lang="Javascript"> class List { constructor(date, amount, currency, product)
{
this._date = date;
this._amount = amount;
this._currency = currency;
this._product = product;
}
get data (){
return this._data;
}
get amount(){
return this._amount;
}
get currency (){
return this._currency;
}
get product (){
return this._product
}
}
class Result extends List {
constructor(date, amount, currency, product) {
super(date);
this._amount = amount;
this._currency = currency;
this._product = product;
} }
const out = new Result(2017-04-25, 12, 'USD', 'Jogurt');
console.log(Result);
|
|
|
|
|
So for starters, utilize the code that you've already written or else you're wasting everyone's time. You already put assignment assessors in the base class constructor, so use them:
class Result extends List {
constructor(date, amount, currency, product) {
super(date, amount, currency, product);
}
}
That said, I think that you haven't considered the problem properly, and that polymorphism is not an appropriate approach to this problem. If you look at the problem, it seems much more likely that a better approach might be enumeration. If you're learning software development, understanding the appropriate tools at your disposal and when to use them is important.
Next you need to logically decompose your problem. In the real world this involves what is known as the "Analysis" phase of engineering, where requirements are parsed into application states and workflows (among other possible architectural artifacts). In this case, though, your professor has been good enough to give you a set of specifications! You can directly code the requirements that s/he has provided as class members. Let's expand the example to demonstrate that:
class MyList{
add(date,amount,currency,product){
}
list(){
}
clear(date){
}
total(currency){
}
}
If you need help with specifics when you have a model, feel free to ask, but no one on this site will just do the homework for you.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
I'm getting started with web development, I try to create a hexbins visualisation with mapbox in an angular 4 project but I'm getting an error:
Quote: core.js:1448 ERROR Error: Uncaught (in promise): Error: options is invalid
Error: options is invalid
at Object.Oo [as hexGrid] (turf.min.js:1)
at eval (map.component.ts:443)
Here is my code:
d3.json<ResponseData>('http://127.0.0.1:5000')
.then((data) => {
console.log('hex load!');
data.features = data.features.filter(function (d) {
return d.geometry;
});
console.log('hex 1');
var bbox = [14.334434, 46.6841, 16.552692, 48.5308];
var cellSize = 1;
var units = 'kilometers';
console.log('hex 2');
console.log(data);
var hexgrid = turf.hexGrid(bbox, cellSize, units);
console.log('binning data, hold on tight...');
var hexPoints = turf.count(hexgrid, data, 'totalPoints');
console.log('done! ', hexPoints);
var numberBreaks = 5;
var jenksBreaks = turf.jenks(hexPoints, 'totalPoints', numberBreaks);
console.log('our jenksBreaks array: ', jenksBreaks);
var colors = ['#3bb3c3', '#669ec4', '#8b88b6', '#7a0177', '#aa5e79'];
var colorStops = jenksBreaks.map(function (b, i) {
if (i > 0) {
return [b, colors[i - 1]];
} else {
return [b, 'rgba(255, 255, 255, 0)'];
}
});
map.addSource('pointsHexGrid', {
type: 'geojson',
data: hexPoints
});
map.addLayer({
"id": "pointsHexGrid",
"type": "fill",
"source": "pointsHexGrid",
"layout": {},
"paint": {
'fill-color': {
property: 'totalPoints',
stops: colorStops,
},
'fill-opacity': 0.6
}
});
})
.catch((err) => {
if (err) throw err;
});
Please can someone guide me to the source of this error? (In a simple HTML file the visualisation works fine and shows my data correctly)
|
|
|
|
|
Why Javascript code does not execute anymore after I put it inside function - onclick event?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<script type="text/javascript" src="http://cryptojs.altervista.org/api/functions_cryptography.js"></script>
<script type="text/javascript">
function Enkript(){
var Crypt = new Crypt();
var ciphertext = Crypt.AES.encrypt("plaintext");
var plaintext = Crypt.AES.decrypt(ciphertext);
alert(ciphertext);
alert(plaintext);
}
</script>
<title>enkripcija</title>
</head><body onload="javascript:Enkript();">
<input value="klikni" onclick="javascript:Enkript();" type="button">
<br>
<br>
</body></html>
modified 14-Jun-18 10:25am.
|
|
|
|
|
var Crypt = new Crypt(); <----- ERROR
Crypt = name error
Try it
var Cryptx or var Cryptxx or var Cryptxx or
ex.)
var Cryptxx = new Crypt(); // constructor
/*** encrypt */
var ciphertext = Cryptxx.AES.encrypt("plaintext");
// XluzvcUwZFU=3MD2vMz8PHySPJlKZiWjJg==1Gv6n6Tv8azr
/*** decrypt */
var plaintext = Cryptxx.AES.decrypt(ciphertext);
modified 18-Jun-18 2:07am.
|
|
|
|
|
You are declaring a variable called Crypt and then trying to use the same name in your new clause. Which is the variable and which is the class? Use a different name for the variable.
|
|
|
|
|
<div class="BlocksRow">
<div class="BlockInner col-md-4">
<a id="AllModules" onclick="Modules(1)" class="OuterBlock" style="background-color:green !important">
<h5 class="text-semibold no-margin">
<label>AllModules</label>
</a>
</div>
<div class="BlockInner col-md-4">
<a id="AllActiveModules" onclick="Modules(2)" class="OuterBlock" style="background-color:#dc3b41!important">
<h5 class="text-semibold no-margin">^__i class="icon-file-text"></h5>
<label>AllActiveModules</label>
</a>
</div>
<div class="BlockInner col-md-4">
<a id="AllInActiveModules" onclick="Modules(3)" class="OuterBlock" style="background-color:darkorange!important">
<h5 class="text-semibold no-margin">^__i class="icon-file-text"></h5>
<label>AllInActiveModules</label>
</a>
</div>
</div>
<div style="overflow:auto;width:100%;padding: 0 20px;">
<table id="tbl_GetAllModule" class="table datatable-basic table-responsive">
<thead>
<tr>
<th></th>
<th>Module Name</th>
<th>Modified Date</th>
<th>Status</th>
<th>IsDefault</th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
$(document).ready(function () {
$("#Menu_SettingsDefaults").addClass("active");
$('.listbox').bootstrapDualListbox();
});
var init = false;
var CreateModule = function () {
$('#CreateModule form')[0].reset();
$('#CreateModule').modal("show");
}
var Modules = function (e1) {
CustomFilter = e1;
tbl_GetAllModule.ajax.url(DomainUrl + "Settings/GetModuleList").load();
}
|
|
|
|
|
Do you want to try that again, this time telling us what the actual problem is?
Include the full details of any errors, and tell us which line of code they relate to.
And explain where the undefined Javascript variable tbl_GetAllModule comes from, and where the non-standard .ajax.url(...).load() is declared.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
|
|
$("[data-ajax-update*='partial']").after(function () {
alert('Hiiiiiiiiii');
});
|
|
|
|
|
|
Good day. hope someone can give me some advice.
i am quite new to HTML5 and Jscript. i am just trying a very standard webpage where i want someone to enter a name, surname , and age for example via a HTML form (which i can easily create).
However i am struggling to find anything on the web to teach me how to use Jscript to enter those fields into a database and retrieve it later if i need to.
Is it even possible or must i use something like NODE.js
maybe if someone can even point me to a beginners tutorial.
thanks in advance:
|
|
|
|
|
I like to "do it right" and use a php back-end. This will give you other advantages down the line, such as the ability to invoke AJAX to update parts of pages and execute SQL without a page refresh, and of course the ability customize pages on the server side.
It's somewhat similar to JavaScript it syntax as both use the "C" like style. PHP runs purely on the server, before the page gets sent. You'll be able to work magic with ease.
Tutorials that work (and are free!):
JavaScript[^] PHP[^]
They also have SQL, CSS, and you really aught to learn DOM, a part of javaScript that really makes it all worth it. Not as big an undertaking as it sounds.
| Ravings en masse^ |
|---|
| "The difference between genius and stupidity is that genius has its limits." - Albert Einstein | | "If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
Hello to all
I'm using knockoutjs for my new project.
I ask you for advice on the most suitable choice for the grill
I tried to use KOGrid, very useful but with some problem (in my opinion) on the graphic aspect (non-responsive)
Do you have any suggestions?
Which grid do you use?
Thank you
|
|
|
|
|
Perhaps you should consider a library that provides support for such controls. I think most community based platforms do provide these controls — DevExpress, Kendu etc.
Anyways, take a look at this GitHub repository: https://github.com/dnbard/awesome-knockout, there is a list of the controls that are supported for Knockout.
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
I am a total beginner to programming. I want to start with javascript, but there is a problem. My laptop has stopped working and all I have is my smartphone. I still want to learn programming and it will be a while before I get a laptop/pc. Can you suggest ways to learn programming through apps/online, or I am willing to read books as well. What would be the best way to approach this situation Thanks alot
|
|
|
|
|
You can practice js etc using JSFiddle[^] Not sure how well it will work through a smart-phone, and obviously it'll be much harder than with a laptop but probably your best option. I'd also look to see if there was a library or school or some other public institution that had a PC I could use.
|
|
|
|
|
Thanks for your useful information. It is helpful.
|
|
|
|
|
|
You can practice js etc using JSFiddle[^] Not sure how well it will work through a smart-phone, and obviously it'll be much harder than with a laptop but probably your best option. I'd also look to see if there was a library or school or some other public institution that had a PC I could use.
|
|
|
|
|
|
|
This is the code of a hex board game.In this game there are two players RED(user) and BLUE(bot). The one who reaches the opposite end and creates the link without any other color interrupt that player wins.In this game every time RED(user) wins most of the times which is the problem. I want BLUE(not) to be more intelligent by developing its own intelligent decision tree and the chances of RED(user) to be reduced to 10%. Can anyone help me improving my code?
/*CODE STARTS HERE*/
<title>Hex
var r = 20;
var w = r*2*(Math.sqrt(3)/2);
var ctx;
var sel = [-1, -1];
var board = new Array(14);
var hist = [];
var player = 0;
var multiplayer = false;
var active = true;
function drawHexagon(c, x, y, r)
{
c.beginPath();
c.moveTo(x, y-r);
for(var i=0; i<6; i++)
c.lineTo(x+r*Math.cos(Math.PI*(1.5+1/3*i)), y+r*Math.sin(Math.PI*(1.5+1/3*i)));
c.closePath();
c.fill();
c.stroke();
}
function drawPath(c, p)
{
c.lineWidth = 10;
c.beginPath();
c.moveTo((p[0][0]+p[0][1])*w - (p[0][1]-4)*(w/2), (p[0][1]+2)*1.5*r);
for(var i=1; i<p.length; i++)
c.lineTo((p[i][0]+p[i][1])*w - (p[i][1]-4)*(w/2), (p[i][1]+2)*1.5*r);
c.stroke();
}
function getSel(e)
{
var color = ctx.getImageData(e.clientX-20, e.clientY, 1, 1).data;
color[0] -= color[2]==38||color[2]==178 ? 241 : 0;
color[1] -= color[2]==178 ? 220 : (color[2]==38 ? 0 : 140);
if(color[0] >= 0 && color[0] <= 13 && color[1] >= 0 && color[1] <= 13 && (color[2] == 38 || color[2] == 171 || color[2] == 178))
sel = [color[0], color[1]];
else
sel = [-1, -1];
}
function aiMove()
{
var pos;
do
pos = [Math.floor(Math.random()*14), Math.floor(Math.random()*14)];
while(board[pos[0]][pos[1]] != -1);
hist.push([pos[0],pos[1],1]);
board[pos[0]][pos[1]] = 1;
}
function findArr(a, b)
{
for(var i=0; i<a.length; i++)
if(JSON.stringify(a[i]) == JSON.stringify(b))
return i;
return -1;
}
function getConnections(x, y, c, open, closed)
{
var a = [-1, 0, 1, 0, 0, -1, 0, 1, 1, -1, -1, 1];
var ret = [];
for(var i=0; i<6; i++)
if(x+a[i*2] >= 0 && x+a[i*2] < 14 && y+a[i*2+1] >= 0 && y+a[i*2+1] < 14)
if(board[x+a[i*2]][y+a[i*2+1]] == c && findArr(open, [x+a[i*2],y+a[i*2+1]]) == -1 && findArr(closed, [x+a[i*2],y+a[i*2+1]]) == -1)
ret.push([x+a[i*2],y+a[i*2+1]]);
return ret;
}
function checkWin(c)
{
var open = [], openPrev = [], closed = [], closedPrev = [];
for(var a=0; a<14; a++)
{
if(board[c==0?a ][c==0?0:a] == c)
{
open.length = openPrev.length = closed.length = closedPrev.length = 0;
var pathFound = false;
open.push([c==0?a , c==0?0:a]);
openPrev.push(-1);
while(open.length > 0)
{
var u = open[0];
open.splice(0, 1);
var uI = openPrev.splice(0, 1);
closed.push(u);
closedPrev.push(uI);
if(u[c==0?1 ] == 13)
{
pathFound = true;
break;
}
var connections = getConnections(u[0], u[1], c, open, closed);
for(var i=0; i<connections.length; i++)
{
open.push(connections[i]);
openPrev.push(closed.length-1);
}
}
if(pathFound)
{
var path = [];
var u = closed.length-1;
while(closedPrev[u] != -1)
{
path.push(closed[u]);
u = closedPrev[u];
}
path.push([c==0?a , c==0?0:a]);
path.reverse();
active = false;
return path;
}
}
}
return false;
}
function mouseDown(e)
{
getSel(e);
if(active)
{
if(sel[0] != -1 && sel[1] != -1)
{
hist.push([sel[0],sel[1],player]);
board[sel[0]][sel[1]] = player;
if(multiplayer)
player = player==0 ? 1 : 0;
else
aiMove();
draw();
var p0 = checkWin(0), p1 = checkWin(1);
if(p0 != false)
{ drawPath(ctx, p0); alert((multiplayer?"The red player":"You") + " won!"); }
else if(p1 != false)
{ drawPath(ctx, p1); alert((multiplayer?"The blue player":"The computer") + " won!"); }
}
}
}
function mouseMove(e)
{
getSel(e);
if(active)
draw();
}
function draw()
{
ctx.clearRect(0, 0, 850, 600);
ctx.lineWidth = 1;
ctx.fillStyle = "rgb(0,154,172)";
ctx.beginPath();
ctx.moveTo(w*15.65, r);
ctx.lineTo(w*23.5, 24.5*r);
ctx.lineTo(0, r);
ctx.lineTo(w*7.85, 24.5*r);
ctx.closePath();
ctx.fill();
ctx.fillStyle = "rgb(255,0,39)";
ctx.beginPath();
ctx.moveTo(0, r);
ctx.lineTo(w*15.65, r);
ctx.lineTo(w*7.85, 24.5*r);
ctx.lineTo(w*23.5, 24.5*r);
ctx.closePath();
ctx.fill();
var num = 0;
ctx.strokeStyle = "white";
for(var y=0; y<14; y++)
{
for(var x=0; x<14; x++)
{
if(board[x][y] == 0)
ctx.fillStyle = "rgb(255,0,39)";
else if(board[x][y] == 1)
ctx.fillStyle = "rgb(0,154,172)";
else if(x == sel[0] && y == sel[1])
ctx.fillStyle = "rgb(" + (x+(player==0?241 )) + "," + (y+(player==0?0:140)) + "," + (player==0?38:171) + ")";
else
ctx.fillStyle = "rgb(" + (x+241) + "," + (y+220) + ",178)";
drawHexagon(ctx, (x+y)*w - (y-4)*(w/2), (y+2)*1.5*r, r);
num++;
}
}
}
function chgMP()
{
multiplayer = !multiplayer;
player = 0;
init();
}
function undo()
{
if(active)
{
var a;
if(hist.length > 0)
{
a = hist[hist.length-1];
board[a[0]][a[1]] = -1;
hist.pop();
}
if(!multiplayer)
{
a = hist[hist.length-1];
board[a[0]][a[1]] = -1;
hist.pop();
}
player = a[2];
draw();
}
}
function init()
{
for(var i=0; i<14; i++)
{
board[i] = new Array(14);
for(var j=0; j<14; j++)
board[i][j] = -1;
}
hist.length = 0;
active = true;
draw();
}
function load()
{
var canvas = document.getElementById("output");
ctx = canvas.getContext("2d");
document.getElementById("mp").checked = false;
canvas.onmousedown = mouseDown;
canvas.onmousemove = mouseMove;
init();
}
<canvas style="position:absolute; top:0px; left:20px" width="850" height="600" id="output">Canvas not supported...
Multiplayer:
/*CODE ENDS HERE*/
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
