Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,149,724 members, 7,805,969 topics. Date: Tuesday, 23 April 2024 at 09:24 AM

Mobile Technology: Lets Build A Mobile App With Javascript - Programming (4) - Nairaland

Nairaland Forum / Science/Technology / Programming / Mobile Technology: Lets Build A Mobile App With Javascript (15522 Views)

July Bootcamp Training - Full Stack Web Development With Javascript (mern Stack) / Tarot Website I Cooked With JavaScript,HTML / My Semester GPA Calculator With Javascript (2) (3) (4)

(1) (2) (3) (4) (5) (6) (7) (8) (Reply) (Go Down)

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 7:44am On Oct 14, 2019
ambitiouschap:
great work here boss, I have check my own code when I click the calculate button it doesn't work.

and the second one all my three buttons are just stick together.


Hope you assigned the function defined to the button created...
Try to go see what each line of code does.!!!
Trying using the Css property Margin-right:; Margin-left:; Margin-top:; and margin-bottom:; to move html contents on your window pages.!!!

...
Am at a fix right here, do I still continue the Math_Prodigy app, Or should I teach you how to solve simple problems with JavaScript.!!!
Just noticed that, Most Of you don't have good Problem solving Skillsss, And just posting codes and screenshots is not doing you guys enough good.!
I have you guys at heart, tell me what should i do.!!
.
Keep writing apps you don't understand or teach you how to solve problems, that will cause you to develop yours.!!
Contemplating these.? Thats is why I haven't posted since.!

1 Like

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Nobody: 9:03am On Oct 14, 2019
Lordpeckxy:


Hope you assigned the function defined to the button created...
Try to go see what each line of code does.!!!
Trying using the Css property Margin-right:; Margin-left:; Margin-top:; and margin-bottom:; to move html contents on your window pages.!!!

...
Am at a fix right here, do I still continue the Math_Prodigy app, Or should I teach you how to solve simple problems with JavaScript.!!!
Just noticed that, Most Of you don't have good Problem solving Skillsss, And just posting codes and screenshots is not doing you guys enough good.!
I have you guys at heart, tell me what should i do.!!
.
Keep writing apps you don't understand or teach you how to solve problems, that will cause you to develop yours.!!
Contemplating these.? Thats is why I haven't posted since.!

I think it will be better to teach how to solve problems
Re: Mobile Technology: Lets Build A Mobile App With Javascript by binbass(m): 10:53pm On Oct 14, 2019
Lordpeckxy:


Hope you assigned the function defined to the button created...
Try to go see what each line of code does.!!!
Trying using the Css property Margin-right:; Margin-left:; Margin-top:; and margin-bottom:; to move html contents on your window pages.!!!

...
Am at a fix right here, do I still continue the Math_Prodigy app, Or should I teach you how to solve simple problems with JavaScript.!!!
Just noticed that, Most Of you don't have good Problem solving Skillsss, And just posting codes and screenshots is not doing you guys enough good.!
I have you guys at heart, tell me what should i do.!!
.
Keep writing apps you don't understand or teach you how to solve problems, that will cause you to develop yours.!!
Contemplating these.? Thats is why I haven't posted since.!

Teaching us how to solve the problem with javascript will be better boss. Thanks for your help
Re: Mobile Technology: Lets Build A Mobile App With Javascript by salvationproject(m): 8:41pm On Oct 15, 2019
I can work with HTML, CSS and a bit of JS and PHP.

I started learning c, c++, java and others but i don't like how they work since they are not straight-forward with their interface design like HTML and CSS.

Now, some weeks back, i learnt HTML, CSS and JS can be use in creating applications and as such, i want to focus in this aspect of applications.


cout<<"Enter the number of integers to be calculated:\n";
cin>>n;
for (c = 1; c <= n; c++)
{
cin>>values;
}
With the c++ code above, a user can enter the number of integers to be calculated e.g 4 and input space for 4 integers will be made available to accept the four inputs.
My question is "How can i do this in JS e.g create an HTML form that will accept the number of input field to display and on clicking "next", the number of form field as requested by the user will appear"?

Help pls...
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 7:19am On Oct 16, 2019
salvationproject:

My question is "How can i do this in JS e.g create an HTML form that will accept the number of input field to display and on clicking "next", the number of form field as requested by the user will appear"?

A good problem...
On the course of solving Problems, we will learn how to solve problems like that. I.e a Loop of inputs to be evaluated.!!
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 7:29am On Oct 16, 2019

Problem 1:
Alhamdu was giving a problem in class, I.e find the addition of 3 numbers multiplied with the subtraction of 2 numbers and let the answer be displayed in decimals.!!
Implement this using programming(html,Css, and Js)
.
.
.
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Nobody: 3:07pm On Oct 16, 2019
Lordpeckxy:

Problem 1:
Alhamdu was giving a problem in class, I.e find the addition of 3 numbers multiplied with the subtraction of 2 numbers and let the answer be displayed in decimals.!!
Implement this using programming(html,Css, and Js)
.
.
.

should we solve this ourselves
Re: Mobile Technology: Lets Build A Mobile App With Javascript by joshmoy(m): 8:14pm On Oct 19, 2019
Lordpeckxy:

Problem 1:
Alhamdu was giving a problem in class, I.e find the addition of 3 numbers multiplied with the subtraction of 2 numbers and let the answer be displayed in decimals.!!
Implement this using programming(html,Css, and Js)
.
.
.


i have done it, but i can't get the numbers to be subracted in random. i had to specifically state the variables to be deducted

1 Like

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 6:10am On Oct 27, 2019
[b] Sorry Guys I had one hell of a week
.
The problem is Easy, Forget the world problem...
All You have to do Is...
.
* Make 3 textboxes that sums the value in textboxes and store it as a variable(add)

* Create 2 textboxes that subtract the values in the textboxes and storer it as a variable(sub)

*next, Multiply the two variables add and ub e.g (ans = add*sub)

* display the answer with a concantenated string like e.g
alert(ans + ".00"wink // in decimals

* So easy, if you can't do it, then maybe i can help, but first do it.!
[b]

2 Likes

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 1:02pm On Oct 29, 2019
joshmoy:



i can't get the numbers to be subracted in random. i had to specifically state the variables to be deducted

i don't quite get you but Using document.getElementById("IdName" ) .value;

enables you to get the value from the text box created provided you gave it an Id.!!
Re: Mobile Technology: Lets Build A Mobile App With Javascript by joshmoy(m): 3:08pm On Nov 03, 2019
Lordpeckxy:


i don't quite get you but Using document.getElementById("IdName" ) .value;

enables you to get the value from the text box created provided you gave it an Id.!!

yeah i figured. i didnt get the task till you explained it again. what i was trying to do was this.

1. create 3 input boxes
2. store the values as variables
3. Multiply the 3 variables and subtract the multiplication of 2 of the variables randomly. to get the final output.

i put the variables in an array and tried Math.random but it didnt work so i did

(a x b x c ) - (b x c)
Re: Mobile Technology: Lets Build A Mobile App With Javascript by spafu(m): 12:53am On Nov 06, 2019
I will want to learn here.
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 1:16pm On Nov 06, 2019
This Task is one of the problems of Eucle**** solved by over 800 thousand programmers
.
If you List all numbers that a multiple of 3 and 5 that are below 10, you get 3, 5, 6, and 9, when summed(added) together the result is 23.

Write a Program that sums the multiple of 3 and 5 that are below 1000.

Hint: Make an array of the multiples using the For Statement and add them together.
Just try your best...Its always good to solve problems yourselves.!
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 1:38am On Dec 14, 2019

Exercise:
An Age program that Tells the user is age and when He/she will turn 100 years old
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 8:36pm On Dec 14, 2019
Great job bro
I'll like to be part of this journey.
I'll try to code this following your tutorial closely. Thanks
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 8:37pm On Dec 14, 2019
joshmoy:



i have done it, but i can't get the numbers to be subracted in random. i had to specifically state the variables to be deducted



Hello bro, how were you able to make that background for your program?
I'll be grateful if you can share please
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 8:47pm On Dec 14, 2019
[quote author=Marvel1206 post=82501219]
Good.
Next.
Abeg update more frequently[/quo
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 12:25am On Dec 15, 2019
Lordpeckxy:
[b]
[Js]
HTML CSS & JAVASCRIPT SOURCE PROGRAM

<!-- Programmed By Elugwaraonu Precious Izuchukwu -->
<!DOCTYPE html>
<html>
<head>
<title>SIMPLE INTEREST</title>

<style type="text/css">
#si {
font-family:cursive;
font-size:200%;
font-weight:bold;

}
</style>

<script type="text/javascript">
function SI() {
principal = document.getElementById("txt1"wink.value
rate = document.getElementById("txt2"wink.value
time = document.getElementById("txt3"wink.value
calc1 = principal * rate * time / 100
alert("SIMPLE INTERST IS " + calc1 );

document.getElementById("si"wink.innerHTML = "THE SIMPLE INTERST IS " + calc1

}
</script>
</head>
<body>
<h2 align="center" > <u> SIMPLE INTEREST PROGRAM </u> </h2>


<input type="text" id="txt1" placeholder="Principal" >

<input type="text" id="txt2" placeholder="Rate" >

<input type="text" id="txt3" placeholder="Time" >

<p align="center" >
<input type="button" id="btn1" value="CALCULATE" onclick="SI();" >
</p>

<p id="si" align="center" > </p>
</body>
</html>

NB: Please report any error/bug found in any of the written program.
.
Next: Screen shots
 [/b]

I'm having issues with my code, it worked at first and it's stopped working

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 1:55pm On Dec 15, 2019
It works now

1 Like

Re: Mobile Technology: Lets Build A Mobile App With Javascript by Maskyy(m): 7:37pm On Dec 15, 2019
Why Angular?
Angular has a lot of interesting points and a vision that few other frameworks have. It has been designed for the Web of tomorrow, with ECMAScript 6, Web Components and Mobile in mind.
it’s not just a fun application, it’s a complete one. You’ll have to write components, forms, tests, use the router, call an HTTP API (that we have already built) and even do Web Sockets. It has all the pieces you’ll need for writing a real app.

This is for web developers (Beginner and intermediate) who intend to learn, easily understand and use Angular framework and its environment for both frontend and backend projects. You can get a well-packed, well explained and projects(including one full-stack project) ebook at an affordable price.

what to expect in the ebook
You’ll learn:
• Using the Angular CLI to quickly create a front-end project, generating components, pipes, directives, and services, etc..
• Using Angular router for routing and navigation.
• Build and submit forms( reactive and template-based approaches).
• Build professional-grade UIs with Angular Material.

contact me @ 07016543752 / bennytechno1@gmail.com

Even if you are not convinced by Angular in the end, I’m pretty sure you will have learnt a thing or two along your read.
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Nobody: 8:46am On Dec 16, 2019
Good job from the OP.
I am learning Javascript, and it has been fun to see all these works here and projects.
It is nice to know that I have other people learning JS just like me that I can eventually connect with.
I know HTML, CSS and a bit of SQL.
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Samsonari: 1:19pm On Dec 16, 2019
@OP how can I import the CSS file to the JavaScript files (Simple Interest and Maths Prodigy)?
Re: Mobile Technology: Lets Build A Mobile App With Javascript by joshmoy(m): 12:53am On Dec 17, 2019
Babtunz:




Hello bro, how were you able to make that background for your program?
I'll be grateful if you can share please

Hi. Right click on the page and check page source. You will see the codes. check the css link and check for background. its a gradient.
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 12:46am On Dec 18, 2019
joshmoy:


Hi. Right click on the page and check page source. You will see the codes. check the css link and check for background. its a gradient.


Thanks bro
Got it
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Babtunz: 12:47am On Dec 18, 2019
Samsonari:
@OP how can I import the CSS file to the JavaScript files (Simple Interest and Maths Prodigy)?

You mean?
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Nobody: 9:21am On Dec 18, 2019
Sorry it came this is mine.

1 Like 1 Share

Re: Mobile Technology: Lets Build A Mobile App With Javascript by joshmoy(m): 11:53am On Dec 22, 2019
Babtunz:


Thanks bro Got it
glad i could help
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 9:33pm On Jan 05, 2020
Babtunz:


I'm having issues with my code, it worked at first and it's stopped working

Patience walk through the code, and find the bug.!
Don't forget the console is always your friend
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 9:39pm On Jan 05, 2020
Samsonari:
@OP how can I import the CSS file to the JavaScript files (Simple Interest and Maths Prodigy)?
The CSS lives inside the HTML code and it is imported with this syntax
.
<link rel="StyleSheet" href="cssFileName.css">
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 9:43pm On Jan 05, 2020
Lordpeckxy:

Exercise:
An Age program that Tells the user is age and when He/she will turn 100 years old
age program coming next
Happy new year
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 9:50pm On Jan 05, 2020
[quote author=Babtunz post=84914518][/quote]
time bro cry
Re: Mobile Technology: Lets Build A Mobile App With Javascript by Lordpeckxy(m): 6:55am On Jan 07, 2020
Lordpeckxy:
time bro cry
today...

(1) (2) (3) (4) (5) (6) (7) (8) (Reply)

Function Points (FP) Vs Lines Of Code (LOC) / Eyeopener: Aspiring Nigerian Game/App Developers Should Read This / The Top 25 Global Finalist For NASA Space App: A Nairalander Represents Nigeria

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 65
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.