javascript steps
// 2-now want to craet another table to but the data in it
//but before we creat it we need a constructor function
function data(from, to, capacity, reserve,lefted) {
this.from=from;
this.to=to;
this.capacity=capacity ;
this.reserve=reserve ;
this.lefted=0;
this.leftedSum=0
}
//now we can creat the table
data.prototype.render=function()//Acsses the constructor function
{
var tableEl = document.getElementById("table");
var trEl1=document.createElement('tr');
tableEl.appendChild(trEl1);
var tdEl1 = document.createElement('td');
trEl1.appendChild(tdEl1);
tdEl1.textContent=`${this.from}`
var tdEl2 = document.createElement('td');
trEl1.appendChild(tdEl2);
tdEl2.textContent=`${this.to}`
var tdEl3 = document.createElement('td');
trEl1.appendChild(tdEl3);
tdEl3.textContent=`${this.capacity}`
var tdEl4 = document.createElement('td');
trEl1.appendChild(tdEl4);
tdEl4.textContent=`${this.reserve}`
var tdEl5 = document.createElement('td');
trEl1.appendChild(tdEl5);
tdEl5.textContent=`${this.lefted}`
}
//call the function
data.prototype.render();
3.88
7
//define the html form in JS
var formEl = document.getElementById("form");
var allData=[];
Thank you!
7
3.88
(8 Votes)
0
4
7
//want to link the form inputs with the submit
// add event listner
formEl.addEventListener("submit",click);
function click(event){
event.preventDefault();
var from = event.target.from.value;
var to = event.target.to.value;
var capacity = event.target.capacity.value;
var reserve = event.target.reserve.value;
var object=new data(from,to,capacity,reserve);
object.leftedSeats();
object.render();
object.total();
set();
}
Thank you!
7
4
(7 Votes)
0
4.17
6
// want to creat a table
//1- start with the header
var tableEl = document.getElementById("table");//Global variable we can use it without declare it again
var headerArr=['from','to','capacity','reserve','lefted'];
function header(){
var trEl = document.createElement('tr');
tableEl.appendChild(trEl);
for(var i=0 ; i < headerArr.length ; i++ ){
var thEl = document.createElement('th');
trEl.appendChild(thEl);
thEl.textContent = `${headerArr[i]}`;
}
}
//call the function
header();
Thank you!
6
4.17
(6 Votes)
0
4.2
10
// now I want to calculate the lefted seats
data.prototype.leftedSeats=function() //Acsses the constructor
{
this.lefted = this.capacity-this.reserve ;
}
data.prototype.leftedSeats();
Thank you!
10
4.2
(10 Votes)
0
Are there any code examples left?
New code examples in category Javascript
Relative searches
steps javascript
JavaScript in Easy Steps
javascript design steps
steps with # in javascript
steps in javascript
steps js
steps in for javascript
javascript simple steps example
javascript steps example
javascript steps from
"@Steps" javascript
@Steps javascript
steps.js
simple steps javascript
js do steps
bootstrap 4 step section examples
javascript step by step
can start from javascript
stepper bootstrap in multiple button click
steps tabs bootstrap
multi step form in bootstrap
html steps design
bootstrap step by step form
bootstrap multi step form 3
boostrap form step
multi step wisard bootsrap with birthday slector
stepper w3schools
step by step explanation of a js program
jQuery step form
steps html examples
w3schools stepper
form step wizard
js simple step from
js simple steps
how to control html wizard steps
step form
form html phases
all steps about javascript
step in html type
dynamic step registration js
steps stepper html
step form jquery
step javascript
stepper in bootstrap w3schools
step by step javascript
create a step wizzard in html
learn javascript step by step
js steps
javascript steps
