These are chat archives for FreeCodeCamp/HelpFrontEnd

5th
Jan 2018
Amin
@sunorei
Jan 05 2018 00:12
Hi everyone. I have this bit of JS code to check if a number is prime or not. I've run tests with it and it seems to work fine, yet I'm told it's wrong. Can anyone help me?

function isPrime(num) {

if(num === 1) return false;

for(var i = 2; i < num; i++)
if(num % i === 0) return false;
return true;
}

Ivan Ngundela
@ingundela
Jan 05 2018 00:21
hello everyone, may you please help me with my project https://ingundela.github.io/posgmz/ some images don’t load, I’m using lightbox…this is very estrange because even the larger one are loading…. THANK YOU IN ADVANCE FOR THE HELP….
Ivan Ngundela
@ingundela
Jan 05 2018 00:28
I’ve done all sort of image optimazation but still, some image just don’t load…
Ivan Ngundela
@ingundela
Jan 05 2018 00:35
I MANAGED TO FIX THIS ISSUE… THANKS
Stephen James
@sjames1958gm
Jan 05 2018 00:56
@sunorei You cannot return true inside the loop before you have checked all the values
Daniel Feldman
@Feldbot
Jan 05 2018 01:13
Hi, I think I completed this FCC challenge, but for some reason my tests only pass if I call them one at a time. Does anyone know if there is something wrong with my code, or if this is a FCC bug?

var charCodeArr = [];
var alphabet = "abcdefghijklmnopqrstuvwxyz";

function fearNotLetter(str) {

  // if no missing letters
  if (alphabet.indexOf(str) !== -1 ) { 
    return undefined;

  // if missing letters
  } else {
    charCodeGenerator(str);
    for (var i = 0; i < charCodeArr.length; i++) {
      if (charCodeArr[i] + 1 !== charCodeArr[i + 1]) {
        return String.fromCharCode(charCodeArr[i] + 1);
      }  
    }
  }
}

function charCodeGenerator (str){
  var charArr = str.split('');

  charArr.forEach(function(letter) {
    charCodeArr.push(letter.charCodeAt(letter));
  });

  return charCodeArr;
}

fearNotLetter("abcdefghjklmno"); // this passes when called alone
// fearNotLetter("abce"); // this fails when above is called, but if called alone it passes and the above fails
Gersho
@Gersho
Jan 05 2018 01:16
charCodeArr isn't cleaned up between two calls, you keep pushing stuff in it, so your second call still has data from the first one
i think ?
because your code seems really over the top for such a task i'm having trouble making sense of every part
Daniel Feldman
@Feldbot
Jan 05 2018 02:08
@Gersho Yeah, not the prettiest to read for sure since everything is prefaced with "char". There is only one call to push, so not sure what you mean by pushing stuff in. I'm sure there is a better way to solve it, but I'm not there yet. My issue was with why all the tests don't pass if they do pass when run in by themselves. Thanks for thinking about it though!
CamperBot
@camperbot
Jan 05 2018 02:08
feldbot sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:
:cookie: 559 | @gersho |http://www.freecodecamp.org/gersho
Gersho
@Gersho
Jan 05 2018 02:28
try adding console.log(charCodeArr) inside charCodeGenerator i think you'll see what i mean
or just put console log every 2 lines, whatever the error is you'll find it
Ken Haduch
@khaduch
Jan 05 2018 03:59
@Feldbot - one problem is that your charCodeArr is outside of your code / functions, so it is accumulating data each time the tests are run, nothing to initialize it because the tests just call the main function that they are testing repetitively. Either move it inside your function so it is initialized in line with the code, or put a specific line of code in to initialize it.
Celestine Ekoh-Ordan
@CEOehis
Jan 05 2018 05:19

var charCodeArr = [];
var alphabet = "abcdefghijklmnopqrstuvwxyz";

function fearNotLetter(str) {

  // if no missing letters
  if (alphabet.indexOf(str) !== -1 ) { 
    return undefined;

  // if missing letters
  } else {
    charCodeGenerator(str);
    for (var i = 0; i < charCodeArr.length; i++) {
      if (charCodeArr[i] + 1 !== charCodeArr[i + 1]) {
        return String.fromCharCode(charCodeArr[i] + 1);
      }  
    }
  }
}

function charCodeGenerator (str){
  var charArr = str.split('');

  charArr.forEach(function(letter) {
    charCodeArr.push(letter.charCodeAt(letter));
  });

  return charCodeArr;
}
console.log(charCodeArr); // []
fearNotLetter("abcdefghjklmno"); // this passes when called alone
console.log(charCodeArr); // [97, 98, 99, 100, 101, 102, 103, 104, 106, 107, 108, 109, 110, 111]
 fearNotLetter("abce"); // this fails when above is called, but if called alone it passes and the above fails
console.log(charCodeArr); // [97, 98, 99, 100, 101, 102, 103, 104, 106, 107, 108, 109, 110, 111, 97, 98, 99, 101, 97, 98, 99, 100, 101, 102, 103, 104, 106, 107, 108, 109, 110, 111]
@Feldbot :point_up:
@Feldbot the problem is you need to find a way to reset charCodeArr any time you call your function, otherwise at every call it adds the result to the previous value of charCodeArr.
Tarun Khandelwal
@Delwalt
Jan 05 2018 05:57
Hi guys
Need your help.
anyone who can help with some ajax and javascript?
Claudio Restifo
@Marmiz
Jan 05 2018 06:01
@Delwalt post your question, I'm sure someone will help :)
my javascript not working could anyone help me
i am having problem in geolocation currenpositon and dom event not working
Markus Kiili
@Masd925
Jan 05 2018 08:30
@1rjun There is an error on the browser developer tools console.
1rjun
@1rjun
Jan 05 2018 08:30
which error
Markus Kiili
@Masd925
Jan 05 2018 08:31
@1rjun Open the console (F12 on some browsers).
1rjun
@1rjun
Jan 05 2018 08:31
i am using it in firefox
how could i detect the error in codepen
Markus Kiili
@Masd925
Jan 05 2018 08:32
@1rjun You need to look at the browser developer tools console.
1rjun
@1rjun
Jan 05 2018 08:32
ohk
then
i think i never declare the datatype of dataloc
Markus Kiili
@Masd925
Jan 05 2018 08:34
@1rjun You are using getLoc before it is created. You should either define it with var before you use it, or make a function declaration like function getLoc (){...} (that could be before or after you use it).
You use getLoc = ... without var, which created a global variable at the point when the line is executed. If you use var, those declarations are processed before line-by-line execution of the code (hoisting).
Hoisting only affects declarations and not assignments, so that variable gets a value when that line is processed.
1rjun
@1rjun
Jan 05 2018 08:37
when i try to
acces lat variable
its showing lat is not define
???
Markus Kiili
@Masd925
Jan 05 2018 08:39
@1rjun JS has function scope, so you can only access lat inside that function where it is declared.
1rjun
@1rjun
Jan 05 2018 08:40
ohkk then why it isnt showing any change in the dom
i have added the textContent to my p tag
??
Markus Kiili
@Masd925
Jan 05 2018 08:43
@1rjun There is still an error there.
1rjun
@1rjun
Jan 05 2018 08:43
how could i figure it out in doepen
codepen
Markus Kiili
@Masd925
Jan 05 2018 08:44
@1rjun The getLoc variable has not been assigned a value when you pass it into getCurrentPosition method. Do it before using it.
Or use a function declaration instead of an assignment.
1rjun
@1rjun
Jan 05 2018 08:46
but i assign a anonymous function to getLoc
Markus Kiili
@Masd925
Jan 05 2018 08:46
@1rjun You use that variable before it gets a value.
1rjun
@1rjun
Jan 05 2018 08:48
you bro i got your point
you mean i have to assign it to anonymous function before it is used
thanx @Masd925
maayoko
@maayoko
Jan 05 2018 09:14
Hi, is anybody using Typescript? I would really need some help. Having trouble with TS + Webpack but I think it's more TS thing. Can somebody point to group with TS devs?
Pierre-Alexis Blond
@PABlond
Jan 05 2018 09:41
Hello, I have a little to understand why my code is not working for " Generate Random Whole Numbers within a Range ". Can someone help me ?

This is my function : function randomRange(myMin, myMax) {
var result = Math.floor(Math.random()(myMax+1));
while (result < myMin) {
result = Math.floor(Math.random()
(myMax+1));
}
return result;

}

the objective : "randomRange should use both myMax and myMin, and return a random number in your range." is not validate ...
maayoko
@maayoko
Jan 05 2018 09:54
@PABlond you probably want to do Math.random()*(myMax+1) because you can't call a number (Math.random() returns a number)
Pierre-Alexis Blond
@PABlond
Jan 05 2018 09:59
yes it's an error from copy/pasting
The same code with the "*" doesn't work anymore. However when I try it (in my console for example), it seems to work ..?
maayoko
@maayoko
Jan 05 2018 10:20

function randomRange(myMin, myMax) {
var result = Math.floor(Math.random()(myMax+1));
while (result < myMin) {
result = Math.floor(Math.random()
(myMax+1));
}
return result + myMin - myMin;

}

this should work
in assignment you have to perform mathematical operations on both parameters (myMin, myMax)
otherwise it doesn't work (thumb down)
Pierre-Alexis Blond
@PABlond
Jan 05 2018 10:24
you are awesome, i have understood the difference. Thank you very much
maayoko
@maayoko
Jan 05 2018 10:26
no problem
aisnotb
@aisnotb
Jan 05 2018 10:42
Hi, anyone knows “string”.replace(/%d/i, “abc”) means?
what does %d mean?
alpox
@alpox
Jan 05 2018 10:58
@aisnotb it matches all occurrences of %d in the string
Stephen James
@sjames1958gm
Jan 05 2018 10:59
@aisnotb %d is just that the literal value %d
With the i flag it would match %d or %D and without the g flag only matches the first one
dinesh
@1532j0004kg
Jan 05 2018 11:46
i need help in this program
function diffArray(arr1, arr2) {
  var newArr = [];
  // Same, same; but different.'
  var newarr = arr1.concat(arr2);

  for(var i = 0 ; i < newarr.length ; i++)
    {
      for(var j = 0 ; j < newarr.length ; j++)
        {
          if(newarr[i] == newarr[j])
            {
              newArr.push(newarr[i]);
            }
        }
    }

  return newArr;
}

diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
Markus Kiili
@Masd925
Jan 05 2018 11:47
@1532j0004kg A good way is to use filter method on the concated array.
dinesh
@1532j0004kg
Jan 05 2018 11:51
i want to filter the numbers that is more than one in the array!
how can i need to code?
for example : [1,2,1,2,1,3,] in this i want to filter [3]
Markus Kiili
@Masd925
Jan 05 2018 11:56
@1532j0004kg You could use indexOf and lastIndexOf methods for that.
Marianissimus
@Marianissimus
Jan 05 2018 11:58
Yes, @Masd925 is right. You can also just use indexOf @1532j0004kg
Sweet Coding :)
@SweetCodingInc
Jan 05 2018 11:59
I'm feeling so nostalgic about C :D
function diffArray(arr1, arr2) {
  var finalArr = [];
  var k = 0;
  var outerArray, innerArray;
  if(arr1.length> arr2.length){
    outerArray = arr1;
    innerArray = arr2;
  } else {
    innerArray = arr1;
    outerArray = arr2;
  }
  for(var i = 0 ; i < outerArray.length ; i++){
    var found = false;
      for(var j = 0 ; j < innerArray.length ; j++){
          if(outerArray[i] == innerArray[j]){
              found = true;
              break;
            }
        }
        if(!found){
          finalArr[k++] = outerArray[i];
        }
    }
  return finalArr;
}

diffArray([1, 2, 3, 5], [1, 2, 3, 4, 5]);
Marianissimus
@Marianissimus
Jan 05 2018 12:00
the equal condition you're using is wrong, as 2 items could have different indices @1532j0004kg
@SweetCodingInc why so much code?!:) why an outer and an inner array?!
Sweet Coding :)
@SweetCodingInc
Jan 05 2018 12:03
@Marianissimus I placed a disclaimer in the beginning about feeling nostalgic about C language ;)
Marianissimus
@Marianissimus
Jan 05 2018 12:03
Oh... ok... I don't know about that... @SweetCodingInc
Sweet Coding :)
@SweetCodingInc
Jan 05 2018 12:05
@Marianissimus btw, compared to the implemetation using prototype methods, this solution, any day, is more performant
Markus Kiili
@Masd925
Jan 05 2018 12:05
@SweetCodingInc The nostalgic code seems to have some bugs too.
Sweet Coding :)
@SweetCodingInc
Jan 05 2018 12:06
It does
KNowing what I know now, this is how I'd do it
Array.prototype.diff = function(secondArray) {
    return this.filter(function(elem) {return !secondArray.includes(elem);})
}


function diffArray(arr1, arr2) {
  return arr1.diff(arr2);
}

diffArray([1, 2, 3, 4, 5], [1, 2, 3, 5]);
And if someone finds themself in a situation where their eyes bleed by looking at Array.prototype.diff = , here's an antidote
function diffArray(arr1, arr2) {
  return arr1.filter(e => !arr2.includes(e));
}

diffArray([1, 2, 3, 4, 5], [1, 2, 3, 5]);
@Marianissimus : Now, with these two solution I shared above, try rerunning them by altering the order of the argumens from function call line. And you will understand the importance of having innerArray and outerArray
dinesh
@1532j0004kg
Jan 05 2018 12:12
ok i will try
primuscovenant
@primuscovenant
Jan 05 2018 12:22
@heroiczero thx
CamperBot
@camperbot
Jan 05 2018 12:22
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2127 | @heroiczero |http://www.freecodecamp.org/heroiczero
Henry
@GitHub-Henry
Jan 05 2018 12:39
@SweetCodingInc nice solutions :clap:
hocjs1711
@hocjs1711
Jan 05 2018 14:15
Hello everybody .
Please somebody give me advice that I should learn NodeJS or Ruby on Rails ? Thanks you
VaseJS
@VaseJS
Jan 05 2018 14:17
@hocjs1711 nodeJS. but thats without knowing what you’re goals are
Javascript has more jobs. you need to learn/know less languages but what are you looking to accomplish?
Nick Karnik
@theoutlander
Jan 05 2018 14:24
@hocjs1711 NodeJS / React. Don’t even look further.
hocjs1711
@hocjs1711
Jan 05 2018 14:33
I want to learn to deploy a idea to startup in future . So I should choose ruby on rails or nodejs or a server language like java , python
Terence Mangram
@terensu-desu
Jan 05 2018 14:41
@hocjs1711 I'd say NodeJS as it's probably going to be the easier one if you're coming from front-end, since it's all done using JavaScript. And it is a server language. Python is also very popular but maybe do that later? Up to you, but I found NodeJS easy to pick up
hocjs1711
@hocjs1711
Jan 05 2018 14:50
I haved learn vanilla html , css javascript then react + redux + webpack + npm + linux . I know to continue roadmap to become fullstack . then nodejs and anything else ?
Stephen James
@sjames1958gm
Jan 05 2018 14:52
@hocjs1711 Well if you have npm experience then you have a start on nodejs, nodejs with express is a good backend start.
You can even leverage your react/redux experience with nodejs/electron and make nifty desktop applications
hocjs1711
@hocjs1711
Jan 05 2018 14:53
I shoud learn about css framework like bootstrapp and preprocessor like sass or only use vanilla css
Terence Mangram
@terensu-desu
Jan 05 2018 14:54
You can learn Bootstrap as you build.
hocjs1711
@hocjs1711
Jan 05 2018 14:54
about sass ?
about webpack ?
Stephen James
@sjames1958gm
Jan 05 2018 15:14
@hocjs1711 knowing sass is a good skill, but I would put that in the second tier of learning
VaseJS
@VaseJS
Jan 05 2018 15:28
@sjames1958gm and the first? just curious of your thoughts
Stephen James
@sjames1958gm
Jan 05 2018 15:29
@VaseJS The other items he was talking about - nodejs, express, webpack, etc.
VaseJS
@VaseJS
Jan 05 2018 15:29
got it
Daniel Feldman
@Feldbot
Jan 05 2018 16:34
@gersho @khaduch Thanks for the help, I didn't realize that was happening! I'll fix that up!
CamperBot
@camperbot
Jan 05 2018 16:34
feldbot sends brownie points to @gersho and @khaduch :sparkles: :thumbsup: :sparkles:
:cookie: 561 | @gersho |http://www.freecodecamp.org/gersho
:star2: 3653 | @khaduch |http://www.freecodecamp.org/khaduch
aRtoo
@artoodeeto
Jan 05 2018 17:33
is there a way to remove the font color or style when a button is disabled?
Aditya
@ezioda004
Jan 05 2018 17:45
@artoodeeto Something like this?
if (document.querySelector("button").disabled){
    document.querySelector("button").style.color = "whateverColor";
}
aRtoo
@artoodeeto
Jan 05 2018 17:51
@ezioda004 so what i did is (im using jquery) after the button is clicked i added a class and have a css style. but doesnt work. any idea?
Aditya
@ezioda004
Jan 05 2018 17:52
@artoodeeto Can you post the code?
dinesh
@1532j0004kg
Jan 05 2018 17:52
meaning of crossOrigin anyone knows tell with example! thanks!
aRtoo
@artoodeeto
Jan 05 2018 17:53

@ezioda004
heres the JS:

 $("#btnPly").on('click', function() {

        $("#btnPly").attr('disabled' , 'disabled'); //disables after press

        $("#btnPly").addClass('btnDflt:disabled');

        timerFn = timer(sesVal, 60); // timer function takes 2 argumetns
    });

heres the css:

.btnDflt:disabled{
    color: black;
}
Aditya
@ezioda004
Jan 05 2018 17:57
@artoodeeto You dont need :disabled in .addClass('btnDflt:disabled');
aRtoo
@artoodeeto
Jan 05 2018 17:58
let me try. @ezioda004 thanks
CamperBot
@camperbot
Jan 05 2018 17:58
artoodeeto sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 347 | @ezioda004 |http://www.freecodecamp.org/ezioda004
Aditya
@ezioda004
Jan 05 2018 17:58
Here's the https://jsfiddle.net/35rc2f1e/1/ you can check there, also the color is already black so you can't see difference, try changing to different color.
aRtoo
@artoodeeto
Jan 05 2018 18:00
@ezioda004 not changing color bro
Aditya
@ezioda004
Jan 05 2018 18:01
Not after removing the :disabled?
aRtoo
@artoodeeto
Jan 05 2018 18:02
@ezioda004 its working now. thanks
CamperBot
@camperbot
Jan 05 2018 18:02
artoodeeto sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
api offline
Aditya
@ezioda004
Jan 05 2018 18:02
It's working on the fiddle tho.
@artoodeeto :thumbsup:
Daniel Feldman
@Feldbot
Jan 05 2018 18:03
@1532j0004kg Not the easiest topic to understand, but here is a decent quick overview with some examples.
dinesh
@1532j0004kg
Jan 05 2018 18:04
@Feldbot :+1:
Ryan Malm
@Rybar
Jan 05 2018 18:25
Howdy. Is it possible to import functions from an ES6 module without having them under another object? graphics.line() //I'd rather be able to just call line() I realize I can assign it to a var, but I have over a dozen to import; how might you handle automatically attaching imported methods to main in this way?
Stephen James
@sjames1958gm
Jan 05 2018 18:42
@Rybar You might be able to use Object.keys(graphics).forEach((k) => { if (typeof graphics[k] === "function") { this[k] = graphics[k] } })
Ryan Malm
@Rybar
Jan 05 2018 18:52
ooh I didn't think of iterating over the keys. Thanks @sjames1958gm I'm sure that or something close to that will do the job
CamperBot
@camperbot
Jan 05 2018 18:52
rybar sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8821 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Stephen James
@sjames1958gm
Jan 05 2018 19:03
@Rybar :+1:
Neil
@NNeil1
Jan 05 2018 19:22
Better understanding - https://codepen.io/NNeil1/pen/xpPxjg - Problem is when my sentence goes onto a new line, the sentence starts to far to the left.
Stephen James
@sjames1958gm
Jan 05 2018 19:37
@NNeil1 https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent
I think text-indent is what you need to control the hanging line indentation
aRtoo
@artoodeeto
Jan 05 2018 19:38
hey fam whats the css style that same as margin but the inside of the div will be adjusted?
Neil
@NNeil1
Jan 05 2018 19:39
padding @artoodeeto ?
And thanks @sjames1958gm :)
CamperBot
@camperbot
Jan 05 2018 19:39
nneil1 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 8822 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
aRtoo
@artoodeeto
Jan 05 2018 19:39
@NNeil1 yup hahah
tanga
Stephen James
@sjames1958gm
Jan 05 2018 19:40
@artoodeeto :+1:
aRtoo
@artoodeeto
Jan 05 2018 19:40
@sjames1958gm hey sir. its you. :) appreciate so much the help. your the best
Stephen James
@sjames1958gm
Jan 05 2018 19:41
@artoodeeto Thanks.
CamperBot
@camperbot
Jan 05 2018 19:41
sjames1958gm sends brownie points to @artoodeeto :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @artoodeeto |http://www.freecodecamp.org/artoodeeto
Neil
@NNeil1
Jan 05 2018 19:45
@sjames1958gm could you explain how I would go about using text-indent? I'm a little confused because its not two sentences, its 1 sentence on two lines. So, how would I use text-indent this way?
Stephen James
@sjames1958gm
Jan 05 2018 19:47
@NNeil1 Hmm, let me think.
Neil
@NNeil1
Jan 05 2018 19:48
the issue im facing is i could set a class to the lists that spill on to another line, then add padding but then im going to have issues with responsiveness
Stephen James
@sjames1958gm
Jan 05 2018 19:53
@NNeil1 I thought the use of the hanging keyword would indent after the first line.
text-indent: -5%; this will push the first line to the left, which I guess you could push back with padding?
looks like hanging may be experimental and not supported
Neil
@NNeil1
Jan 05 2018 19:56
Yeah that's what I thought. I'm curious how it's done on the tribute page done by FCC, I just don't want to look at the code till I'm finished, ha @sjames1958gm
Stephen James
@sjames1958gm
Jan 05 2018 19:56
@NNeil1 :)
Stephen James
@sjames1958gm
Jan 05 2018 20:02
@NNeil1 I think it is influenced by your list-style-position
They might be using bootstrap and you are going native :)
Kasi1998
@Kasi1998
Jan 05 2018 20:15
Hey guys! I don't understand how to create a form element... I'm confuse when they say to Nest a text input element within a form element...
Danshil Mungur
@danshilm
Jan 05 2018 20:17
Hey @Kasi1998 nesting refers to putting an element inside another, like here <form><input>Some stuff here</input></form> the input element is nested inside the form element
Neil
@NNeil1
Jan 05 2018 20:18
@sjames1958gm thanks mate :D The reason I done that was to make the bullet points side by side instead of having a big space
CamperBot
@camperbot
Jan 05 2018 20:18
nneil1 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
api offline
Kasi1998
@Kasi1998
Jan 05 2018 20:18
@danshilm ok but here what I did wrote was:

<form action="/submit-cat-photo" <input> type="text" placeholder="cat photo URL"</input>
</form>

still doesn't work

Neil
@NNeil1
Jan 05 2018 20:18
@Kasi1998 nested means putting an element inside an element
<form action="/submit-cat-photo" type="text" placeholder="cat photo URL"<input> TEXT HERE </input>
</form>
@Kasi1998 ^
Danshil Mungur
@danshilm
Jan 05 2018 20:19
^
Neil
@NNeil1
Jan 05 2018 20:19
<form action="/submit-cat-photo" type="text" placeholder="cat photo URL">
<input> TEXT HERE </input>
</form>
Kasi1998
@Kasi1998
Jan 05 2018 20:20
oh ok let me try

@NNeil1 Here what I wrote but still can't work...

<form action="/submit-cat-photo" type="text" placeholder="cat photo URL" <input> Cat link</input>
</form>

Neil
@NNeil1
Jan 05 2018 20:23
you forgot the closing tag for form
Kasi1998
@Kasi1998
Jan 05 2018 20:23
oh ok
Neil
@NNeil1
Jan 05 2018 20:23
<form action="/submit-cat-photo" type="text" placeholder="cat photo URL" should be <form action="/submit-cat-photo" type="text" placeholder="cat photo URL">
Kasi1998
@Kasi1998
Jan 05 2018 20:24
Wow thanks @NNeil1 I didn't realize the tag missing.
CamperBot
@camperbot
Jan 05 2018 20:24
kasi1998 sends brownie points to @nneil1 :sparkles: :thumbsup: :sparkles:
:cookie: 111 | @nneil1 |http://www.freecodecamp.org/nneil1
Destinexx
@Destinexx
Jan 05 2018 20:37
bobba
Syns
@Syns1
Jan 05 2018 20:49
hey
why all the people on ytb do the tribute page project using css
LoveMarshall
@LoveMarshall
Jan 05 2018 20:57
anyone there
i need to apoligise to mystella
Syns
@Syns1
Jan 05 2018 20:59
?
LoveMarshall
@LoveMarshall
Jan 05 2018 21:01
yea
please i need help
i dunno how to msg her
@Syns1
Syns
@Syns1
Jan 05 2018 21:06
me too
LoveMarshall
@LoveMarshall
Jan 05 2018 21:06
rip
Syns
@Syns1
Jan 05 2018 21:06
rip
bc noone respond to my question
Danshil Mungur
@danshilm
Jan 05 2018 21:08
@Syns1 because CSS is what is used to style HTML pages
Syns
@Syns1
Jan 05 2018 21:09
aha and why quincy said that we should no use css for this project
Destinexx
@Destinexx
Jan 05 2018 21:09
you guys do front end
thats coo
cool
im doing python
i don't know what that counts as
Danshil Mungur
@danshilm
Jan 05 2018 21:10
@Syns1 that's weird.. Where did he say so?
Kaz Baig
@kbaig
Jan 05 2018 21:10
If you're using Python for server side stuff, that's back end
Destinexx
@Destinexx
Jan 05 2018 21:10
whats server side
Kaz Baig
@kbaig
Jan 05 2018 21:11
@Destinexx I don't know when/where he said that but he might have meant to advise using bootstrap, which is effectively pre-written css
Danshil Mungur
@danshilm
Jan 05 2018 21:11
also @LoveMarshall I think the person you're looking for is in the general channel
Kaz Baig
@kbaig
Jan 05 2018 21:11
@Destinexx code running on the server, as opposed to on the client (user's browser)
Syns
@Syns1
Jan 05 2018 21:11
@danshilm in the video of the projects
Kaz Baig
@kbaig
Jan 05 2018 21:11
client side is interchangeable with front end
LoveMarshall
@LoveMarshall
Jan 05 2018 21:13
k
Danshil Mungur
@danshilm
Jan 05 2018 21:13
@Syns1 well he did say he used Bootstrap in the video. he said that he wrote no custom css, he only used the Bootstrap framework for the Tribute Page project
Aditya
@ezioda004
Jan 05 2018 21:13
I think you are allowed to use whatever you want to customize your projects
Kaz Baig
@kbaig
Jan 05 2018 21:13
Indeed you are
Syns
@Syns1
Jan 05 2018 21:14
han ok so I can use css then ,
Danshil Mungur
@danshilm
Jan 05 2018 21:14
Yeah of course. Take a look at Bootstrap too, it will help you a ton for this one
Aditya
@ezioda004
Jan 05 2018 21:14
^
Syns
@Syns1
Jan 05 2018 21:15
yeah , I'm mixing the two
Danshil Mungur
@danshilm
Jan 05 2018 21:15
Great! Best of luck mate ;)
Syns
@Syns1
Jan 05 2018 21:16
Thanks , today I have finished the HTMLandCSS, Bootstrap and SQL courses , it was awsome
Onome Sotu
@onomesotu
Jan 05 2018 22:06
Hey guys, I need your opinion on my wikipedia viewer: https://onomesotu.github.io/wikipedia-viewer/
It's pretty simple. I wanted it to look like google :)
Onome Sotu
@onomesotu
Jan 05 2018 22:11
@simeydk oh my God... you did your wikipedia viewer in react? :clap:
@Masd925 You live in Helsinki?
Markus Kiili
@Masd925
Jan 05 2018 22:12
@onomesotu Yes.
You too?
Onome Sotu
@onomesotu
Jan 05 2018 22:12
@Masd925 yes, me too :)
It's nice to know I have someone living in same town :)
Markus Kiili
@Masd925
Jan 05 2018 22:13
@onomesotu Yes, not too many Finns here.
Onome Sotu
@onomesotu
Jan 05 2018 22:15
yeah, you are actually the first one I have met
Destinexx
@Destinexx
Jan 05 2018 22:23
wait why are my in this chat
Matej Bošnjak
@mbosnjak01
Jan 05 2018 22:39
_(ヅ)_/ ᷄ ‏
jayisray
@jayisray
Jan 05 2018 23:55
does anyone here use ruby?