@DanJP2016 I did
1/4 and it gave me 0.3 which is clearly wrong. So I'd say there's probably something wrong with your calculator
Also it doesn't support smaller screens and it shouldn't be using hover for touch screens but rather active
@ChrisBrownie55 ah ok i'll look into it. Thanks for the feedback on it
danjp2016 sends brownie points to @chrisbrownie55 :sparkles: :thumbsup: :sparkles:
:cookie: 329 | @chrisbrownie55 |http://www.freecodecamp.org/chrisbrownie55
@DanJP2016 Here's a link for dealing with touch screens https://css-tricks.com/touch-devices-not-judged-size/
awesome, thats probably the easy fix so I'll tackle it first lol. thanks
actually setting toFixed(1) to toFixed(2) seems to give the correct answer for 1 / 4. I'll test it further but thanks for pointing that out.
@DanJP2016 Maybe you shouldn't be use
.toFixed at all
Unless of course the string produced is too long for the screen
hmm, the string length has to be 22 chars or less to fit in the display area, so I can build a check into that function to limit it if needed. i got a lot of loops though with this algorithm im using, im getting worried about performance
Before you display the number just truncate it, problem solved. You don't even need to save the truncated number, just display it. @DanJP2016
yeah it seemed easier to use toFixed(). i'll change it before i post it as complete your suggestion makes more sense.
so what is up with this certification do you actually get a paper
@SakisBal no
you can print it off if you want
@DanJP2016 9/9 = 1.00
correct answer i guess
@moT01 blah this is driving me crazy. added it to the bug list. thanks
danjp2016 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 944 | @mot01 |http://www.freecodecamp.org/mot01
Hi there, doesn’t anyone know where I can find some info on setting up eslint to lint an html document?
I don’t seem to be able to catch a tag without a closing html tag
@Hillsie i think eslint is only for checking javascript, you probably want a html5 validator. Something like this site might help https://validator.w3.org/
@DanJP2016 yea - i feel for ya
youve been workin on that for a while
maybe I should give up on this algorithm and use Math.js lol
maybe - i dont know - but im not sure i want to try and figure out what the problem is again
made my head hurt
yeah, ive been working on this most of the day. I thought I was close but lots of little bugs are in the code.
i had the same problem with my calculator
i would fix one problem, and it would cause another to show up
i think something is wrong with the way im handling the actual math part of the program. but if I parseInt or parseFloat the number before trying to solve it, the numbers get treated like strings...its weird
solved that little problem, 9/9 should give one now
8*8
well, everything is giving me 0 right now
holy sweet jesus
haha
sorry
lol fixed it. was throwing a not a function error
2*.2
0.40
hi
here is what I don't understand. im parsing the strings into numbers when the problem gets solved and saving that result to the result var. but result is a string...shouldn't it be a number
could anyone please help me understand this?
var arr = [
[1,2,3],
[4,5,6],
[7,8,9],
[[10,11,12], 13, 14]
];
arr[3]; // equals [[10,11,12], 13, 14]
arr[3][0]; // equals [10,11,12]
arr[3][0][1]; // equals 11
[1,2,3],
[4,5,6],
[7,8,9],
[[10,11,12], 13, 14]
];
arr[3]; // equals [[10,11,12], 13, 14]
arr[3][0]; // equals [10,11,12]
arr[3][0][1]; // equals 11
how did the last line equal 11?
@kalzimonium multi-dimensional array, so you got 5 arrays inside of your var arr
arr[3] == the 4th array [[10,11,12], 13, 14]
arr[3] == the 4th array [[10,11,12], 13, 14]
oops
arr[0] == the first element inside of arr[3] which is an array
so arr[1] equals the second element inside of that array
so arr[1] equals the second element inside of that array
@kalzimonium - you understood the first two statements? -
arr[3]; // equals [[10,11,12], 13, 14] - because that is the element in arr at index 3. Then you continue from there with the breakdown. arr[3][0] gives your the first element in that line - that is the sub-array [10, 11, 12], and adding another index arr[3][0][1] gives you the second element in the [10,11,12], which is 11.
@khaduch oooooohhhh i see. i get it now. Thanks a lot
kalzimonium sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3630 | @khaduch |http://www.freecodecamp.org/khaduch
@DanJP2016 thank you i got it now :smile:
kalzimonium sends brownie points to @danjp2016 :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @danjp2016 |http://www.freecodecamp.org/danjp2016
$addTask.on('click',function(){
$(this).after('<form id="newItem"><input type="text"> <input type="submit"></form>');
$(this).hide();
});
$('#newItem').on('submit', function(e){
e.preventDefault();
$(this).after('<li class="entry">newEntry</li>');
$(this).remove();
});
why can't i stop the page from reloading can someone help.
@CyberPutty what is
#newItem
It is the new form. sorry I figured it out. It looks like jquery doesn't let you use the on() method if the element wasn't present in the html when the page is loaded. So when i add the form using javascript it doesn't see it. I ended up just adding it in the HTML and hiding/showing it.
thanks @DanJP2016
hillsie sends brownie points to @danjp2016 :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @danjp2016 |http://www.freecodecamp.org/danjp2016
@DanJP2016 , I think I’ll make use of (htmlhint)[http://htmlhint.com/]. Takes a bit of config, but well work the code quality down the way.
@CyberPutty I'd recommend you avoid adding new mark up in string format. Like this
$(this).after('<form id="newItem"><input type="text"> <input type="submit"></form>');
You're better off using this syntax for better
- Readability
- Maintainability
- Extensibility
$addTask.on('click',function(){
const $newItem = $('<form/>');
const $inputText = ${'<input/>', {type:'text'});
const $inputSubmit = $('<input/>', {type: 'submit'});
$newItem
.append($inputText)
.append($inputSubmit);
$newItem.on('submit', formSubmitCallback);
$(this).after($newItem);
$(this).hide();
});
function formSubmitCallback(e){
e.preventDefault();
const $li = $('<li/>', {text: 'newEntry'});
$(this).after($li);
$(this).remove();
}
Hello there, I’m having trouble in understanding how to use regex in order to trim spaces at the end and at the beginning of a string.
I’m referring to the regex lesson: https://beta.freecodecamp.org/en/challenges/regular-expressions/reuse-patterns-using-capture-groups
My solution would be something like:
let hello = " Hello, World! ";
let wsRegex = /^\s*(.*)\s*$/; // Change this line
let result = hello.replace(wsRegex, ''); // Change this lineBut, of course, it’s not workin.
Could you be so kind to help me?
@Lc0rE you now replace the whole match with '' so you end probably with an empty string. You have to replace with using the capturing group in the replace string:
"$1"
Thanks, I’m starting to understand what the capturing group is used for :)
Now, I’m on this:
let hello = " Hello, World! ";
let wsRegex = /^\s*(.*)\s*$/; // Change this line
let result = hello.replace(wsRegex, '$1'); // Change this lineand I have as result: Hello, World! with two spaces at the end.
It’s not considering the ending space and I’m wondering why
I’m solving it using
/^\s*(.*!)\s*$/ but it’s kinda a workaround… any better solution?
I believe its because the capturing group is already greedy and therefore "eats" all the spaces as well until the end. Put a
? right after the * inside of the capturing group
try to match only digits since it only asks for it on the tests
yup! It’s working fine! I was not thinking about the greedy… thanks!
The
? after a multiplier makes the multiplier non-greedy
Np :)
hey @alpox !
Hiho :)
can you give me a hint on how to handle large numbers? the solution is probably turn them into strings but in this case I need to calculate something like base * exponent and the number becomes infinity literally :D
Please review : https://lowly-raven.glitch.me/
here's the code :https://glitch.com/edit/#!/lowly-raven
thanks :)
@1532j0004kg
hey , i need a help ... when i trying to post those datas into the server . thats not working properly.
problem is :
but when i am trying to post the data using
hey , i need a help ... when i trying to post those datas into the server . thats not working properly.
problem is :
i cant able to post the data /.but when i am trying to post the data using
postman its working properly .
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="search1" >
<input type="text" id="search2" >
<button class="btn-primary">click</button>
<div class="well"></div>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type : "POST",
url : "/api/ninjas",
data : {
name : $("#search1").val(),
rank : $("#search2").val()
},
success : function(data){
console.log(data.name);
},
error : function(err){
console.log('error' ,err);
}
});
});
});
</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input type="text" id="search1" >
<input type="text" id="search2" >
<button class="btn-primary">click</button>
<div class="well"></div>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type : "POST",
url : "/api/ninjas",
data : {
name : $("#search1").val(),
rank : $("#search2").val()
},
success : function(data){
console.log(data.name);
},
error : function(err){
console.log('error' ,err);
}
});
});
});
</script>
</body>
</html>
@1532j0004kg try using the full url maybe?
@Sprinting looks pretty good - and mostly working
i can't use the closing parenthesis
not properly anyway - it shows up when i use it after an operator, but not after a number
thanks!
I don't know what happened. it was ,and I changed few behaviors
an there's no limit to how many digits i can put on the screen
looking into it now
yea I didn't put a limit because there's no limit on the stack and I didn't think of it :P thanks I'll fix it
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input id="search1" placeholder="enter playername">
<input id="search2" placeholder="enter playerscore">
<button class="btn-primary">click</button>
<div class="well"></div>
</body>
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
type : "POST",
dataType : "json",
url : "http://localhost:4000/api/maxi",
data :{
"player" : $("#search1").val(),
"score" : $("#search2").val()
},
success : function(data){
console.log(data);
},
error : function(err){
console.log('error' ,err);
}
});
});
});
</script>
</html>
\still not working.
@moT01
@1532j0004kg Do you see the request being sent from the browser - in the network tab of the dev tools?
Compare that to what is being sent by postman
Compare that to what is being sent by postman
no thats my problem , i cant able to post things in server.
but when i getting back response from the server (db is response with
id)
but its working good in postman
@1532j0004kg So the browser is sending the message to the server?
yes ,
but without the data.
its sending empty message.
i think i made the mistake in posting those data's.
from the browser.
kindly i asking u to check the client code!
is there a way to calculate min max in one function like
Math.minMax()
or somthing ?
hi friends i am not good at div and layouts
@eladonline Minimum and maximum of what?
suggest me any website so that i can learn it
and i can make the webpage fluently and bring my creativity into product
@eladonline
function minMax () {
return [Math.min.apply(null,arguments),Math.max.apply(null,arguments)];
}
minMax(1,5,3,7); // [ 1, 7 ]
@gothamknight Hey! I worked it out with the Grid! Thanks again!
https://codepen.io/christopherrutherford/pen/PEpOvb
https://codepen.io/christopherrutherford/pen/PEpOvb
cjrutherford sends brownie points to @gothamknight :sparkles: :thumbsup: :sparkles:
:cookie: 472 | @gothamknight |http://www.freecodecamp.org/gothamknight
@1532j0004kg You might try using JSON.stringify on your data before sending it.
@1532j0004kg Might I also suggest that you be more specific on what is happening,
if you had led with "its sending empty message." . . .
if you had led with "its sending empty message." . . .
how to post external photos
$.ajax({
type : "POST",
url : "http://localhost:4000/api/maxi",
JSON.stringify(data :{
player : $("#search1").val(),
score : $("#search2").val()
}),
dataType : "json",
success : function(data){
console.log(data);
},
error : function(err){
console.log('error' ,err);
}
});
this is right?
or probably i want add json.stringify after data:{
Hey everyone
i am trying to render components from separate .JSX files into HTML files but it's clearly not showing anything. I checked the browser console and it shows
How to work around this problem. Please help.
i am trying to render components from separate .JSX files into HTML files but it's clearly not showing anything. I checked the browser console and it shows
Uncaught ReferenceError: require is not definedHow to work around this problem. Please help.
hey guys, lately tried to solve a FCC BETA challenge about template literals, but I think there's a bug, since console logs a right answer, yet the test doesn't work. here's the challenge
sounds like a problem with babel settings @falcon1996
not sure
my answer is very simple, although can be smarter using map or something, but still should work (and it doesn't):
"use strict";
const result = {
success: ["max-length", "no-amd", "prefer-arrow-functions"],
failure: ["no-var", "var-on-top", "linebreak"],
skipped: ["id-blacklist", "no-dup-keys"]
};
// change code below this line
const resultDisplayArray = `<li class="text-warning">${result.failure[0]}</li>
<li class="text-warning">${result.failure[1]}</li>
<li class="text-warning">${result.failure[2]}</li>`
// change code above this line
console.log(resultDisplayArray);
/**
* should look like this
* <li class="text-warning">no-var</li>
* <li class="text-warning">var-on-top</li>
* <li class="text-warning">linebreak</li>
**/
@Tzahile i put the <li>'s into an array and it passes the first two tests
that is not described very clearly
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input id="search1" placeholder="enter playername">
<input id="search2" placeholder="enter playerscore">
<button class="btn-primary">click</button>
<div class="well"></div>
</body>
<script>
$(document).ready(function(){
$(".btn-primary").click(function(){
console.log("click");
var obj = {
player : $("#search1").val(),
score : $("#search2").val()
};
$.ajax({
type : "POST",
url : "http://localhost:4000/api/maxi",
data : obj ,
success : function(data){
console.log(data);
},
error : function(err){
console.log('error' ,err);
},
dataType : "json"
});
});
});
</script>
</html>
this i right way to post things?
something is a little off - cause i see the ticks at the bottom, but yes - its pretty right
three ticks(```) -> new line(shift+enter) -> code -> new line -> three ticks
How do I add a caption to a thumbnail? One that is included in the differently colored background that the image has? Here's what I've done so far:
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1 class="text-center">La Tour Eiffel</h1>
<h2 class="text-center"><em>The Symbol of Paris</em></h2>
<div class="thumbnail">
<img class="img-thumbnail img-fluid" src="https://media-exp2.licdn.com/mpr/mpr/AAEAAQAAAAAAAAg3AAAAJDkyYmM1ZTQ5LTI5YmQtNGUwZS1iMjY3LTlhMDk0ZWQ2YzAwMw.jpg">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1 class="text-center">La Tour Eiffel</h1>
<h2 class="text-center"><em>The Symbol of Paris</em></h2>
<div class="thumbnail">
<img class="img-thumbnail img-fluid" src="https://media-exp2.licdn.com/mpr/mpr/AAEAAQAAAAAAAAg3AAAAJDkyYmM1ZTQ5LTI5YmQtNGUwZS1iMjY3LTlhMDk0ZWQ2YzAwMw.jpg">
@cyoung045 do you have a codepen link?
you want the caption on the thumbnail?
yeah, to be included in the thumbnail.
im on sorted union and im not sure how i can check the array to be returned by reduce
function uniteUnique(arr) {
var argArr = Array.from(arguments);
var newArr = argArr.reduce(function(x){
return newArr.indexOf(x) == -1;
}, []);
return newArr;
}
uniteUnique([1, 3, 2], [5, 2, 1, 4], [2, 1]);
im trying to check if the current index from argArr is not in the newArr
I think you're using Bootstrap 3 classes and you have Bootstrap 4 library loaded there
@cyoung045
@mgrienauer You should look at the MDN reduce page for simple examples of how reduce works.
bootstrap 4 captions are now like this :
https://v4-alpha.getbootstrap.com/content/figures/
so I think your code chould be
<div class="figure">
<img class="figure-img img-fluid" src="https://media-exp2.licdn.com/mpr/mpr/AAEAAQAAAAAAAAg3AAAAJDkyYmM1ZTQ5LTI5YmQtNGUwZS1iMjY3LTlhMDk0ZWQ2YzAwMw.jpg">
<figcaption class="figure-caption text-center">The Eiffel Tower at night.</figcaption>
</div>
Ok, I'll switch. How do you learn the BS4 updates?
and if you want the white background for the caption then add
.figure{
background-color:white;
}to your css
@Masd925 i mean i get the basic idea, just wondering if there's some way I can recursively check the array it's returning
you read the bootstrap 4 documentation i guess :D
@cyoung045 .thumbnail {
border: solid white;
}
.img-thumbnail {
border: none;
}
.caption {
background-color: white
}
@mgrienauer The first two parameters that the reduce callback function can have are the accumulator (the value that changes on each array element and is returned at the end from reduce) and the element being iterated. The return value is the next accumulator value.
Question: in general, is it more sophisticated to use bootstrap and html than to use CSS?
@cyoung045 It is just easier to make a responsive page with Bootstrap, because it has the grid system.
bootstrap is just a library with predefined responsive classes, so it's made with css, you just need to know the classes and make any changes depending on your needs.
@mgrienauer So make the callback like
function(acc,elem){...} where acc will be the running value (accumulator that is an array here) and elem is the array element being iterated, and figure out what the next accumulator should be and return it.
@Masd925 alright thanks ill take a look at the MDN page again
mgrienauer sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:
:star2: 4631 | @masd925 |http://www.freecodecamp.org/masd925
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>maxi</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<input id="search1" placeholder="enter playername">
<input id="search2" placeholder="enter playerscore">
<button class="btn-primary">click</button>
<div class="well"></div>
</body>
<script>
$(document).ready(function(){
$(".btn-primary").click(function(){
console.log("click");
var obj = {
player : $("#search1").val(),
score : $("#search2").val()
};
$.ajax({
type : "POST",
url : "http://localhost:4000/api/maxi",
data : obj ,
success : function(data){
console.log(data);
},
error : function(err){
console.log('error' ,err);
},
dataType : "json"
});
});
});
</script>
</html>
is it right way to post data
need help.
@moT01 I am using babel-cli to transpile JSX to JS , and then rendering it in HTML but console is showing
Uncaught ReferenceError: require is not defined
dont know - i had a similar problem once - and i think i fixed it by changing some of those settings
maybe try the backend room https://gitter.im/FreeCodeCamp/HelpBackEnd
or the forum https://forum.freecodecamp.org/
anyone know of a good zip code distance api? I've been looking at https://www.zipcodeapi.com/ but I'm not sure I want to use them....
let me see if ive understood a bit of React , so you should always make a stateful parent component that controls the props of child components ?????
or at least try?
@volkranium dependin of the situation but normally you have a component foreach part of a big component so if you wanna chnge the childs component when changing another component you need to change the parent component so it affects all of them, hope it wasnt confusing aaa
@volkranium so yes your statement is right :)
Hey, I'm a little stuck on something. Anyone here done with the weather app? I'm struggling with json/jQuery. I really thought I had a handle on it, but I feel clueless and I'm not sure what I'm doing wrong. Help?
@Seleah What is happening with it?
Not sure,
@KoniKodes k. now I'm here lol. Someone saw that I didn't add jQuery. I'm trying that now to see if that fixes me up
Can someone help my "tribute page" project's header image look better when being responsive? The image shrinks but looses the bottom of the image. https://codepen.io/rna7/pen/vpgegV
@cjrutherford awesome bro
function titleCase(str) {
var strWords = str.split(" "); // stores input of function
var strOutput = []; // stores output of function
var strTemp = []; // temporary array used to store letters of each word
for (i = 0; i < strWords.length; i++){
strWords[i] = strWords[i].toLowerCase(); // change each word of input to lowercase
}
for (j = 0; j < strWords.length; j++){
strTemp.push(strWords[j].split("")); // push the current word of input string to temp array as a split string
strTemp[0] = strTemp[0].toUpperCase(); // change the first letter (first array index) of current word to uppercase
strOutput.push(strTemp.join("")); // push modified word to output array
strTemp = []; // clear temporary array for next iteration
}
return strOutput.join(" "); // output string from joined array of modified words
}
titleCase("I'm a little tea pot");
@DavidBelmares You have put an array into strTemp - so strTemp[0] is not a string
@DavidBelmares perhaps you mean
strTemp = strWords[j].split("")
@sjames1958gm Thanks, I didn't notice that
davidbelmares sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8808 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
My code validates now
@DavidBelmares :+1:
working on finishing my calculator project. I have the code giving me the same answers as the example project, or if that is wrong it gives me the same answer as an actual calculator. there are still some bugs to work out but would someone mind taking a look at it and see if they get the correct results. Thanks. https://codepen.io/bones211/pen/LeWVzQ?editors=0010
Hey, I'm trying to become a front end developer and am learning from scratch. Is it a good idea to be using bootstrap at this early stage or should I be trying to do the projects using just CSS?
Do i need to finish the entire map to get certificate? or can i just do the final porjects of each section
??/
@sgs006 if I did it all over again I would just use css because now I struggle with building responsive projects without a library. But it is entirely up to you.
@volkranium yes I think you have to finish the whole map
@volkranium i think the projects required for the certs are marked with a * or something
//
help
//
help
//
\
\
test
\
test
\
Assaonator @Assaonator
//
@DanJP2016 Yes, I think that is the route I'm going to go. I really want a foundational knowledge
Why is the background around my h1 element not the same color as the navbar? Thanks for the help. https://codepen.io/JakePie/pen/gomBeZ