BUILDING A LOVE CALCULATOR WITH JAVASCRIPT by joebolite97

hive-169321 · @joebolite97 · Aug 4 '22 (edited)

$20.61

BUILDING A LOVE CALCULATOR WITH JAVASCRIPT

###### Hey guys its been a while in here, and how has coding been? 
###### I would like to share with you guys what I learnt today. I picked up JavaScript for beginners after I wrote a post on [JavaScript Frameworks](https://peakd.com/hive-169321/@joebolite97/javascript-frameworks-and-types), and I must admit it hasn't been an easy ride.

In this post I will be showing you the logic I  used to make a simple love calculator using JavaScript.
The code are written with chrome developer tools...


![Screenshot 2022-08-04 114218.png](https://files.peakd.com/file/peakd-hive/joebolite97/23vsqueDg7AhEybiNeXpx7pYVZkULowcrk7j723QPsutCJT7hUNTtip5fTjJ4zLJ856jJ.png)

Apparently what I did was I used Math.floor function and Math.random function

*Math.random* is a function that generates random numbers from 0 to 0.9999999, but can't get to 1
 
While *Math.floor* approximates a number to the nearest whole number( it performs this without any regard for the number after the decimal i.e. 4.5 will be approximated to 4 and not 5.

The part where I multiplied by 100 and added +1 is to make sure we have two whole numbers, since we want to approximate the number generated by Math.random we have to multiply by 100, by adding +1 we ensure our answer is never 0.

![Screenshot 2022-08-04 114234.png](https://files.peakd.com/file/peakd-hive/joebolite97/Eo8ZaTRLqqQjgvoTYomPUQUgP5RLefqhjryHtyu18Aw3LcQ4KaHAjpxNqdYW4yVRHKY.png)

I also made use of conditional statements ( if, else if, else) to state the conditions at which a boy and a girl can be compatible,

*I stated **if** the number generated is  less than 30, they **Do not match** , **else if** compatibility test generated is less than 70 but greater than 30, **Give it a Trial**, **else** they are a Perfect Match.*

I made use of prompt() to display an input to type in the boy and girl's name and alert() to state their compatibility result. 

![Screenshot 2022-08-04 123308.png](https://files.peakd.com/file/peakd-hive/joebolite97/23tcNhoPzQdR8LvDUktyUqA35gUd7aMLbYr8Ux674SsbLWPqq2GN9eJGRgRhsiVmr9KZU.png)

A pop is going to show like  this, where you can input your name


![Screenshot 2022-08-04 125649.png](https://files.peakd.com/file/peakd-hive/joebolite97/23u6YrC5UKS1Tn85Pfvt6zxT9j67oNTB9X7PuHCqTsLeUmYQpCRsmeYjtvMp1k4avA8WF.png)


An alert will then show like this,  stating your compatibility

Thanks for stopping by,  ensure to try out this code and input your friends names, Fun! isn't😃
![text16.png](https://files.peakd.com/file/peakd-hive/joebolite97/246FZMwteQQMEgT4iDyeTv2vw9QqRZ9UhFG7im6TzvjxJG9Je1D8LFuYrZk8PwdbbPNBm.png)

I hope this was helpful...
Until time, 
Stay woke✌️
*All images and codes were taken and written by me*

👍 ocdb, mahdiyari, minnowbooster, quochuy, waivio.match, ocd, steemstem, nbs.gmbh, postpromoter, howo, lemouth, intrepidphotos, foxon, arcange, hive-143869, mcsvi, betterdev, myegoandmyself, curie, ocd-witness, takowi, stemsocial, newsflash, ukulima, walterjay, mproxima, bdmillergallery, steempress, macchiata, dhimmel, deathwing, zerozerozero, laruche, kevinwong, twoitguys, hijosdelhombre, trangbaby, eonwarped, zerozeroone, ibt-survival, smartsteem, stem-espanol, gadrian, robibasa, techslut, someguy123, hextech, mrtats, jlsplatts, meanbees, cadawg, yaluna, tomastonyperez, dodovietnam, stayoutoftherz, iamphysical, pboulet, dandesign86, therising, roelandp, aleestra, elvigia, gerdtrudroepke, therealwolf, and 225 others
👎 xocdb

properties (23)vote details (290)

voter	rshares	pct
kevinwong	39,753,984,008	5%
eric-boucher	1,830,916,995	0.4%
thecryptodrive	5,739,852,319	0.16%
mammasitta	1,090,455,333	0.4%
roelandp	13,366,476,568	1.75%
cloh76	533,115,225	0.4%
arcange	158,833,268,559	1%
steempress	55,662,419,373	5%
lordvader	6,985,349,235	0.8%
rmach	3,468,742,199	5%
lemouth	215,127,432,441	10%
someguy123	23,944,780,419	2.38%
lamouthe	731,004,464	10%
tfeldman	742,651,739	0.4%
metabs	938,406,324	10%
mcsvi	105,401,730,447	50%
cnfund	1,408,545,307	0.8%
justyy	3,665,933,669	0.8%
curie	89,959,316,261	0.8%
rishi556	2,454,526,511	10%
techslut	24,270,719,571	4%
steemstem	584,207,317,896	10%
oleg326756	574,849,671	1.25%
yadamaniart	2,180,303,692	2.5%
justinw	6,446,029,362	1.56%
walterjay	65,470,710,565	5%
valth	1,436,198,827	5%
askari	6,032,579,738	5%
dna-replication	349,152,957	10%
dhimmel	53,009,641,050	2.5%
oluwatobiloba	813,267,966	10%
detlev	2,386,501,384	0.24%
ma1neevent	3,743,964,143	15%
federacion45	1,152,791,560	0.4%
mobbs	8,869,339,942	5%
jerrybanfield	2,639,569,422	0.8%
roomservice	913,848,800	0.6%
rt395	1,357,782,285	1.5%
bitrocker2020	1,325,608,609	0.12%
newsflash	68,939,237,068	0.12%
sustainablyyours	4,088,221,799	5%
rawselectmusic	977,381,345	2.5%
samminator	1,563,175,043	0.5%
alphacore	495,965,293	0.48%
mahdiyari	1,169,205,828,015	80%
lorenzor	1,356,782,769	50%
alexander.alexis	5,649,505,486	10%
dandesign86	14,384,049,631	8%
jayna	899,108,481	0.16%
ew-and-patterns	8,141,894,869	3%
princessmewmew	1,037,254,469	0.4%
grapthar	1,149,861,825	0.6%
joeyarnoldvn	495,519,854	1.47%
ufv	3,002,449,024	50%
tipy	10,224,187,682	100%
gunthertopp	10,230,052,786	0.2%
ludmila.kyriakou	1,839,116,912	3%
flatman	632,970,184	0.8%
analealsuarez	1,344,871,947	50%
minnowbooster	1,163,939,680,232	20%
howo	301,733,903,480	10%
tsoldovieri	996,608,607	5%
neumannsalva	504,273,950	0.4%
stayoutoftherz	16,341,950,906	0.2%
abigail-dantes	3,664,291,205	10%
bambukah	2,266,243,254	6%
ocd	717,600,067,231	5%
macchiata	54,110,141,750	10%
twoitguys	39,449,146,841	100%
zonguin	706,624,536	2.5%
investingpennies	2,069,760,195	0.8%
martibis	1,972,462,199	1.5%
redrica	1,726,637,163	2.61%
iamphysical	16,047,731,581	90%
hdmed	1,507,745,274	5%
zyx066	926,588,750	0.4%
revo	1,386,206,929	0.8%
azulear	1,880,265,152	100%
djlethalskillz	1,099,104,331	5%
psicoluigi	824,294,913	50%
thelordsharvest	633,079,574	0.8%
sorin.cristescu	1,302,193,674	0.4%
therealwolf	10,585,262,023	0.8%
fatman	8,790,071,489	2%
deathwing	45,249,583,456	2.38%
jlsplatts	20,793,520,463	2%
makerhacks	6,762,759,594	4.75%
meno	2,859,711,157	0.4%
bigdizzle91	566,199,312	2.5%
enzor	576,110,021	10%
bartosz546	2,381,004,986	0.4%
carloserp-2000	1,970,483,190	100%
eonwarped	37,415,872,201	1.5%
postpromoter	339,498,797,607	10%
steveconnor	526,056,300	0.4%
nicole-st	1,646,149,389	0.4%
smartsteem	32,507,109,116	0.8%
aboutcoolscience	2,598,269,736	10%
kenadis	2,605,342,433	10%
robotics101	2,384,140,787	10%
punchline	1,826,508,127	0.8%
straykat	601,133,812	2.5%
spydo	8,590,907,262	2.5%
duke77	2,503,305,561	10%
r00sj3	8,879,498,012	2.5%
sco	2,619,033,270	10%
ennyta	993,997,127	50%
juecoree	6,373,335,606	7%
gabrielatravels	556,810,091	2%
intrepidphotos	169,978,287,141	7.5%
fineartnow	497,463,276	0.4%
hijosdelhombre	38,972,052,454	40%
fragmentarion	2,507,833,481	10%
gaming.yer	551,311,135	100%
utube	596,770,089	0.8%
ricardo993	708,900,779	3%
neneandy	879,609,031	0.8%
pab.ink	5,854,815,333	5%
sportscontest	741,713,564	0.8%
miguelangel2801	796,864,349	50%
mproxima	60,883,326,893	100%
fantasycrypto	572,374,231	0.8%
cadawg	20,148,090,205	9%
ocd-witness	87,887,128,344	5%
geopolis	626,285,284	10%
robertbira	1,040,493,863	2.5%
alexdory	1,482,485,668	10%
takowi	86,756,384,323	5%
irgendwo	1,597,680,924	0.8%
charitybot	4,805,751,981	100%
melvin7	2,858,785,921	5%
francostem	1,350,606,097	10%
endopediatria	695,806,150	20%
croctopus	1,498,416,841	100%
superlotto	2,596,834,562	0.8%
miroslavrc	1,316,316,724	2.5%
bscrypto	1,819,202,580	0.4%
movingman	858,223,543	20%
delpilar	934,959,443	25%
tomastonyperez	17,118,554,130	50%
elvigia	11,215,576,001	50%
muratkbesiroglu	1,599,292,935	0.08%
sanderjansenart	637,605,772	0.4%
foxon	165,421,308,651	3%
gadrian	30,838,523,700	7.5%
jansher	690,999,084	100%
therising	13,782,753,684	0.8%
gifty-e	552,629,216	80%
de-stem	5,480,634,410	9.9%
gogreenbuddy	3,693,150,363	0.8%
josedelacruz	3,985,147,014	50%
quochuy	960,947,178,191	20.01%
charitymemes	529,639,338	100%
realblockchain	5,723,581,511	20%
erickyoussif	645,115,985	100%
meanbees	20,176,966,014	10%
indigoocean	1,091,204,662	2.5%
deholt	542,290,974	8.5%
veteranforcrypto	571,343,273	1.5%
anneporter	722,582,435	3%
diabonua	639,049,828	0.4%
temitayo-pelumi	797,354,886	10%
andrick	866,365,209	50%
motherofalegend	1,404,729,223	5%
doctor-cog-diss	7,720,527,043	10%
bdmillergallery	56,710,668,422	6%
uche-nna	659,447,764	0.64%
anaestrada12	1,468,225,325	100%
haccolong	1,764,348,689	2.5%
nathyortiz	791,321,267	2.5%
steemulant	415,405,607	20.01%
ocdb	17,728,077,334,942	4.75%
bflanagin	881,408,398	0.4%
armandosodano	1,483,557,062	0.4%
gerdtrudroepke	10,913,583,503	5%
hoaithu	616,460,322	2.12%
kylealex	4,547,163,645	10%
cleanplanet	2,193,438,211	0.24%
fran.frey	4,214,477,344	50%
pradeepdee6	2,214,929,104	2%
thelittlebank	2,367,160,661	0.4%
pboulet	15,816,640,692	8%
javyeslava.photo	895,893,517	1.75%
stem-espanol	31,792,025,690	100%
cliffagreen	1,902,528,705	10%
aleestra	11,843,234,184	80%
brianoflondon	3,874,795,973	0.12%
tsunsica	567,538,432	5%
giulyfarci52	1,722,948,742	50%
esthersanchez	3,851,630,876	60%
steemcryptosicko	1,538,587,949	0.16%
cakemonster	672,423,931	0.8%
stem.witness	548,806,701	10%
devann	4,003,187,227	3%
chisdealhd	4,478,354,786	30%
variedades	651,534,601	1.9%
robmojo	578,856,058	1%
shainemata	1,374,803,669	1%
wilmer14molina	1,029,219,395	50%
kork75	497,077,452	2.5%
steemstorage	891,051,684	0.8%
aqua.nano	1,925,531,607	100%
crowdwitness	2,874,078,698	5%
steemtelly	6,123,197,373	20.01%
eternalsuccess	4,950,575,295	5%
giftgiver	9,579,138,949	10%
steemean	10,089,862,429	5%
epicdice	521,609,768	0.24%
monsterjamgold	5,869,571,706	10%
robibasa	24,471,882,454	10%
aicu	4,723,012,911	0.8%
walterprofe	2,291,644,985	5%
zeruxanime	628,489,134	5%
kaeves4711	2,404,684,942	100%
zeesh	1,146,273,836	2.5%
steemstem-trig	781,545,891	10%
ibt-survival	33,065,469,723	10%
peterale	1,506,455,199	0.4%
ukulima	66,056,815,276	5%
monica-ene	1,980,850,324	1.25%
laruche	43,572,513,236	1%
stemsocial	82,513,690,490	10%
waivio.match	796,575,910,866	13.5%
velinov86	2,093,182,906	2.37%
the100	5,104,649,504	5%
hextech	23,021,222,369	10%
authentika	1,069,627,910	10%
hive-143869	110,436,381,921	10%
actioncats	6,786,192,350	4.5%
olaunlimited	3,933,552,281	2%
mafia.wallet	4,185,584,547	10%
nftmart	8,637,697,368	10%
kawsar8035	1,085,014,150	1.42%
aabcent	1,541,444,198	0.64%
trangbaby	37,899,366,534	20.01%
nbs.gmbh	357,937,109,278	4.75%
mrtats	21,345,768,115	40%
yaluna	20,004,969,435	50%
betterdev	101,999,246,104	10%
zacki11	2,432,078,999	100%
meritocracy	8,896,177,859	0.08%
pepeymeli	581,572,337	50%
dcrops	4,266,961,571	0.4%
hykss.leo	4,089,720,067	0.47%
babeltrips	3,917,277,141	10%
elgatoshawua	953,494,918	2.37%
thecouncil	1,629,106,195	10%
dodovietnam	16,882,216,065	10%
drricksanchez	1,818,994,095	0.4%
leveluplifestyle	1,038,609,273	2.5%
soychalbed	778,742,757	5%
brujita18	673,227,593	2.5%
thencsshifters	796,147,351	30%
partiesjohall	886,892,739	5%
aprasad2325	851,651,439	2.37%
jaydr	754,967,067	2.5%
laviesm	5,639,777,049	50%
ivycrafts	593,376,806	2.5%
thu172	1,061,171,256	20.01%
seinkalar	559,861,957	0.8%
aries90	5,230,121,725	0.8%
migka	3,374,536,927	90%
waffleuncle	1,998,849,549	30%
lynnnguyen	1,110,990,794	20.01%
kimloan	1,754,117,339	10%
winnietran	671,138,290	10%
dora381	5,207,718,608	20.01%
whynotcamp	3,461,058,576	20.01%
crazy-bee	4,294,119,176	20.01%
limeric19	1,197,375,319	50%
waivio.curator	1,444,344,347	2.7%
sunnyvo	3,322,836,617	10%
hyhy93	759,853,000	20.01%
imoogin3v3rm0r3	499,535,953	30%
tristan.todd	831,743,031	5%
noomer	550,572,680	5%
ivypham	3,376,297,435	20.01%
tuyenmei95	8,079,525,749	20.01%
zerozerozero	44,749,420,758	100%
zerozeroone	33,260,903,035	100%
kephler	2,635,896,878	20%
lushascottnfts	3,158,586,667	100%
prosocialise	4,890,243,877	5%
windail1	1,995,482,099	100%
xocdb	-40,663,413	-4.75%
mr-rent	2,537,422,274	75%
youdontknowme	1,006,553,041	10%
myegoandmyself	93,584,230,994	6%
gmzorn	2,543,747,342	100%
stream4fun	1,180,156,592	30%

`author`	macchiata
`permlink`	re-joebolite97-rg45sl
`category`	hive-169321
`json_metadata`	{"tags":["hive-169321"],"app":"peakd/2022.07.1"}
`created`	2022-08-04 23:12:21
`last_update`	2022-08-04 23:12:21
`depth`	1
`children`	3
`last_payout`	2022-08-11 23:12:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	36
`author_reputation`	1,415,812,865,903,314
`root_title`	"BUILDING A LOVE CALCULATOR WITH JAVASCRIPT"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	115,442,372
`net_rshares`	0

`author`	joebolite97
`permlink`	re-macchiata-rg4jge
`category`	hive-169321
`json_metadata`	{"tags":["hive-169321"],"app":"peakd/2022.07.1"}
`created`	2022-08-05 04:07:30
`last_update`	2022-08-05 04:07:30
`depth`	2
`children`	2
`last_payout`	2022-08-12 04:07:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	144
`author_reputation`	13,174,697,412,119
`root_title`	"BUILDING A LOVE CALCULATOR WITH JAVASCRIPT"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	115,448,216
`net_rshares`	0

`author`	macchiata
`permlink`	re-joebolite97-rg4s36
`category`	hive-169321
`json_metadata`	{"tags":["hive-169321"],"app":"peakd/2022.07.1"}
`created`	2022-08-05 07:13:54
`last_update`	2022-08-05 07:13:54
`depth`	3
`children`	1
`last_payout`	2022-08-12 07:13:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	58
`author_reputation`	1,415,812,865,903,314
`root_title`	"BUILDING A LOVE CALCULATOR WITH JAVASCRIPT"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	115,451,340
`net_rshares`	0

`author`	stemsocial
`permlink`	re-joebolite97-building-a-love-calculator-with-javascript-20220804t181538800z
`category`	hive-169321
`json_metadata`	{"app":"STEMsocial"}
`created`	2022-08-04 18:15:39
`last_update`	2022-08-04 18:15:39
`depth`	1
`children`	0
`last_payout`	2022-08-11 18:15:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	565
`author_reputation`	22,941,669,144,741
`root_title`	"BUILDING A LOVE CALCULATOR WITH JAVASCRIPT"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	115,434,098
`net_rshares`	0