Like I have added two extra features for this. Dark mode to light mode and the go to previous and next pieces of advice. Writing code for those parts is somewhat difficult than rest of the code.
I am unsure of the CSS for some margins and paddings as I was unable to add them on my own.
What else can i do to improve my coding in front end
Didn't manage to call the card for the top colors... Can anyone help me ?
yo hi, can i know your problem i couldn't understand what you were saying.
I didn't see the data.json file, so I didn't use it xd 😂. And for some reason, the transition on the button isn't working. I dont know why.
yoo hi, this is just my opinion but i think it would be good
html-
<p id ="average"></p>
<p id ="reaction">80</p>
<p id ="memory">92</p>
<p id ="verbal">61</p>
<p id ="visual">72</p>
JavaScript-
let reactionScore = document.getelementbyID("reaction");
let menoryScore = document.getelementbyID("memory");
let verbalScore = document.getelementbyID("verbal");
let visualScore = document.getelementbyID("visual");
document.getelementbyID("average").innerHTML = reactionScore + memoryScore +
verbalScore + visuaScore / 4
yo hi, i think there is a mistake in you code i mean the code is just checking for "@" and "g" but not "mail.com" when i typed "wd@g" it worked. to avoid this you could do this
JS-
let gmailholder;
document.getelementbyID("btn").onclick = function(){
gmailholder = document.getelementbyID("inputfield").value;
let gmail = gmailholder; //i dont know y but if i dont write this code it gives me error
let gmailchecker = slice(gmail.indexof("@"));
if(gmailchecker == "@gmail.com"){
(give them the result)
}
else{
(give them the error)
}
}
hope you dont make the mistake you have made now in the future.😊 also keep it up👍
Hey All,
Again a new challenge with a tricky background, but eventually I guess I nailed it (was easier than I had imagined)... Again playing around with rem instead of pixels and no set height, no set width, only max and min. Any feedback is welcome.
Cheers,
Dalma
yo hi, In the project you have done ,there is a minor mistake done, i cant even call it mistake as it is so minor. that is that the line has different color than that of the design. if you dont know how to change the color of a hr tag .
HTML- <hr> CSS- hr{ border: 1px/2px solid (color they have given); }
(😵-this is you if you dont mark this comment helpful)
bye😊
every thing is good but i think its good to keep "transition: 0.3s;" to buttons
(its your wish to keep it or not but it will look good if you keep it)
(😵-this is you if you don;t mark this comment helpful )thnx😊
Fun challenge. Used cleave to format the input on the bill. Has a few validation that checks user input
yo hi, there is a problem i have notices in your website that is i can keep the bull 220quadrillion ,like there is no limit and i could even keep 10 trillion people so i recommend you to keep the max length of both input type text fields as 5 or else you keep the amount text field's max length 3 and number of people's max length 1 or 2. this will solve the problem. and also the colors were not in their place. i hope you rectify these problems from next challenge.😊👍
(make sure you mark this helpful)
my code still messy how i can learn to be better, give me advice.Thanks
yo!, hi i think you forgot adding background image index.html- <img src="(image location)" alt="" style="position: absolute; left: 0%; top: 0%;">
you can also give the image style from style.css but the image doesn't have much of a style so i gave it inline style.
yo ,i think u have forgotten to add background color and bg image
HTML- <img src="(image location)" id="bgimg(choose your own name)"
style.css - #bgimg{ width: 100%; position: absolute; left:0%; top/bottom: 0%; }
I'm particularly interested in feedback on several important aspects of my project:
i think u didn't understand the challenge. the challenge is to make a slider which has min of 0 and max 1000 (by the way nice style skills) if you want reference u can go to my profile and check this challenge and take it as reference. thnx for reading this comment😊
Due to feedback from the community, I was able to implement a few changes to my previous design. Thank you!
