Submit button

Gerardo Cárdenas — Thu, 28 May 2020 20:25:53 +0000

What I built

A demo of a functionality that should be included in a web page that have a button of submit. The submit button will only work if the browser supports Web Monetization.

Submission Category:

The category of this project is: Foundational Technology

Demo

JUST COPY THE NEXT IN A FILE WITH .HTML EXTENSION.
<html>
<head><title>Submit only if it supports Web Monetization</title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Oculto código a navegadores que no soportan JavaScript

function submitAllclearinFields(){
document.Datos.Vo.value="";
document.Datos.Vf.value="";
document.Datos.A.value="";
document.Datos.D.value="";
document.Datos.T.value="";
}

</SCRIPT>

</head>
<body bgcolor="#000000" leftmargin="50" topmargin="50" marginwidth="50" marginheight="50">
<form name="Datos">
<center>
<font color="yellow">
<h1>Your data:</h1>
</font>
<br />

<table>
<tr>
<td><font color="white"><b>FILL THE FIELDS:</b></font></td>
</tr>
<tr>
<td>
<font color="white">
</font>
</td></tr>
</table>
<br>
<TABLE BORDER="10" CELLPADDING="5" CELLSPACING="2" BORDERCOLOR="00FF00" bgcolor="ffffff">
<tr>
<td>
<b>TEMA:</b> Type anything that will be submitted.
</td>
</tr>
<tr>
<td>
</td>
</tr>
<tr>
<td>
Name:<input type="text" name="Vo" value=""><br>
Favorite food:<input type="text" name="Vf" value=""><br>
Favorite drink:<input type="text" name="A" value=""><br>
Favorite dessert<input type="text" name="D" value=""><br>
Hobby:<input type="text" name="T" value=""><br>
<center>
<input type="button" name="SUBMIT" value="SUBMIT" onClick="resuelve();">
</center>
</td>
</tr>
</table>

</center>
</form>
</body>
</noscript>
</html>

Link to Code

How I built it

In a notepad i created this web page to illustrate the functionality of the "SUBMIT" button. It will be nice to have a prebuilt button that only will works if the browser supports MONETIZATION. In other words, the function called when the button is pressed will be executed only if the browser supports WEB MONETIZATION.

Additional Resources/Info

Make Physics Easy

Gerardo Cárdenas — Fri, 08 May 2020 19:25:09 +0000

What I built

I built a web page with many text fields, to solve problems of physics.
For instance problems of the topic: Uniformly Accelerated Motion.
The user only specifies the value of 3 of the variables: InitialSpeed, FinalSpeed, Acceleration, Time, or Distance. ANY 3 VARIABLES of this set of 5 variables.
Then the user hit the button calculate. And the other 2 textfields empty, will be populated with the right value.
Now if the user want to see how these values were computed. The user should use a browser that supports Web Monetization.
The objective is to have a big web site that solves any problem of physics, the user only has to specify the known values and press or hit the button. It will be great to win this hackathon to get motivation to program more fields to solve more problems of physics.

Submission Category:

Exciting Experiments

Demo

http://tutarea.260mb.com/?i=2

Link to Code

http://tutarea.260mb.com/?i=2
http://tutarea.260mb.com/mua.js

How I built it

I used a Notepad to text the html tags for the web page, and the .js file.

Here is the javascript code THAT INCLUDES MONETIZATION:
var Vo,Vf,A,D,T;
//Las sigs. vars auxiliares indican si ya se obtuvo o no la variable
//Si valen 0 indican que no se ha obtenido o que son incógnitas
var conocidaVo,conocidaVf,conocidaA,conocidaD,conocidaT;

function captura(){

  //Al inicio se supone que no se conocen las variables: Vo,Vf,A,D,T;
  conocidaVo=0;   Vo="?";
  conocidaVf=0;   Vf="?";
  conocidaA =0;   A ="?";
  conocidaD =0;   D ="?";
  conocidaT =0;   T ="?";
  //Si la variable Vo no es incógnita
  if(document.Datos.Vo.value!=""){
            Vo= document.Datos.Vo.value;
    conocidaVo=1;
  }
  if(document.Datos.Vf.value!=""){
            Vf= document.Datos.Vf.value;
    conocidaVf=1;
  }
  if(document.Datos.A.value!=""){
             A= document.Datos.A.value;
     conocidaA=1;
  }
  if(document.Datos.D.value!=""){
             D= document.Datos.D.value;
     conocidaD=1;
  }
  if(document.Datos.T.value!=""){
             T= document.Datos.T.value;
     conocidaT=1;
  }

}

function resuelve(){
captura();
doc=open('','Resultados',"width=350,height=400,resizable,scrollbars");
doc.document.write('

Resultados');
doc.document.write('PROBLEMA: Vo='+Vo);
doc.document.write(' Vf='+Vf);
doc.document.write(' a='+A);
doc.document.write(' d='+D);
doc.document.write(' t='+T+'
');
doc.document.write('SOLUCIÓN:
');
//Mientras Vo sea incógnita o mientras Vf sea incógnita o ...
//mientras T sea incógnita hacer:
if (document.monetization) {

while( (conocidaVo==0) ||
(conocidaVf==0) ||
(conocidaA ==0) ||
(conocidaD ==0) ||
(conocidaT ==0) ){
//Calcular Vo//////////////////////////////////////////////////////////////////////////
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaD==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 4 obtenemos: Vo=2d/t - Vf
');
Vo=2*D/T - Vf;
doc.document.write('Sustituyendo: Vo=2('+D+'/'+T+') - '+Vf+'='+Vo+'
');
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 1 obtenemos: Vo=Vf - at
');
Vo=Vf-A*T;
doc.document.write('Sustituyendo: Vo='+Vf+' - '+A+'('+T+')='+Vo+'
');
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaA==1)&&(conocidaD==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 2 obtenemos: Vo=(d - at²/2)(1/t)=d/t - at/2
');
Vo=D/T - A*T/2;
doc.document.write('Sustituyendo: Vo='+D+'/'+T+' - '+A+'('+T+'/2)='+Vo+'
');
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaD==1) ){
Vo=Vf*Vf - 2*A*D;
Vo=Math.sqrt(Vo);
if(Vo>=0)
{
doc.document.write('De la Ec. 3 obtenemos: Vo=(Vf² - 2ad)^1/2
');
doc.document.write('Sustituyendo: Vo=['+Vf+'² - 2('+A+')'+D+']^1/2='+Vo+'
');
conocidaVo=1;
}
}
//Calcular Vf//////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaA==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 1 obtenemos: Vf=Vo + at
');
Vf=Vo + A*T;
doc.document.write('Sustituyendo: Vf='+Vo+' + ('+A+')'+T+'='+Vf+'
');
conocidaVf=1;
}
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaA==1)&&(conocidaD==1) ){
Vf=Vo*Vo + 2*A*D;
Vf=Math.sqrt(Vf);
doc.document.write('De la Ec. 3 obtenemos: Vf=[Vo² + 2ad]^1/2
');
doc.document.write('Sustituyendo: Vf=['+Vo+'² + 2('+A+')'+D+']^1/2='+Vf+'
');
conocidaVf=1;
}
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaD==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 4 obtenemos: Vf=2d/t - Vo
');
Vf=2*D/T - Vo;
doc.document.write('Sustituyendo: Vf=2('+D+')/'+T+' - '+Vo+'='+Vf+'
');
conocidaVf=1;
}
//Calcular A //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==0)&&(conocidaT==1) ){
doc.document.write('De la Ec. 1 obtenemos: a=(Vf - Vo)/t
');
A=(Vf - Vo)/T;
doc.document.write('Sustituyendo: a=('+Vf+' - '+Vo+')/'+T+'='+A+'
');
conocidaA=1;
}
if( (conocidaVo==1)&&(conocidaA==0)&&(conocidaD==1)&&(conocidaT==1) ){
doc.document.write('De la Ec. 2 obtenemos: a=[d - Vo t][2/t²]
');
A=2*(D - Vo*t)/(T*T);
doc.document.write('Sustituyendo: a=['+D+' - ('+Vo+')'+T+'][2/'+T+'²]='+A+'
');
conocidaA=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==0)&&(conocidaD==1) ){
doc.document.write('De la Ec. 3 obtenemos: a=[Vf² - Vo²]/[2d]
');
A=(Vf*Vf - Vo*Vo)/(2*D);
doc.document.write('Sustituyendo: a=['+Vf+'² - '+Vo+'²]/[2('+D+')]='+A+'
');
conocidaA=1;
}
//Calcular D //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaA==1)&&(conocidaD==0)&&(conocidaT==1) ){
doc.document.write('De la Ec. 2 obtenemos: d=Vot + at²/2
');
D=Vo*T + A*T*T*(0.5);
doc.document.write('Sustituyendo: d='+Vo+'('+T+') + ('+A+')'+T+'²/2='+D+'
');
conocidaD=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaD==0) ){
doc.document.write('De la Ec. 3 obtenemos: d=[Vf² - Vo²]/[2a]
');
D=(Vf*Vf - Vo*Vo)/(2*A);
doc.document.write('Sustituyendo: d=['+Vf+'² - '+Vo+'²]/[2('+A+')]='+D+'
');
conocidaD=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaD==0)&&(conocidaT==1) ){
doc.document.write('De la Ec. 4 obtenemos: d=(t/2)[Vf + Vo]
');
D=(T/2)(Vf + Vo);
doc.document.write('Sustituyendo: d=('+T+'/2)['+Vf+' + '+Vo+']='+D+'
');
conocidaD=1;
}
//Calcular T //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaT==0) ){
doc.document.write('De la Ec. 1 obtenemos: t=(Vf - Vo)/a
');
T=(Vf - Vo)/A;
doc.document.write('Sustituyendo: t=('+Vf+' - '+Vo+')/'+A+'='+T+'
');
conocidaT=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaD==1)&&(conocidaT==0) ){
doc.document.write('De la Ec. 4 obtenemos: t=(2d)/[Vf + Vo]
');
T=(2*D)/(Vf + Vo);
doc.document.write('Sustituyendo: t=2('+D+')/['+Vf+' + '+Vo+']='+T+'
');
conocidaT=1;
}
}//del while
}//if (document.monetization) {
else {
while( (conocidaVo==0) ||
(conocidaVf==0) ||
(conocidaA ==0) ||
(conocidaD ==0) ||
(conocidaT ==0) ){
//Calcular Vo//////////////////////////////////////////////////////////////////////////
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaD==1)&&(conocidaT==1) ){
Vo=2*D/T - Vf;
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaT==1) ){
Vo=Vf-A*T;
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaA==1)&&(conocidaD==1)&&(conocidaT==1) ){
Vo=D/T - A*T/2;
conocidaVo=1;
}
if( (conocidaVo==0)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaD==1) ){
Vo=Vf*Vf - 2*A*D;
Vo=Math.sqrt(Vo);
if(Vo>=0)
{
conocidaVo=1;
}
}
//Calcular Vf//////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaA==1)&&(conocidaT==1) ){
Vf=Vo + A*T;
conocidaVf=1;
}
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaA==1)&&(conocidaD==1) ){
Vf=Vo*Vo + 2*A*D;
Vf=Math.sqrt(Vf);
conocidaVf=1;
}
if( (conocidaVo==1)&&(conocidaVf==0)&&(conocidaD==1)&&(conocidaT==1) ){
Vf=2*D/T - Vo;
conocidaVf=1;
}
//Calcular A //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==0)&&(conocidaT==1) ){
A=(Vf - Vo)/T;
conocidaA=1;
}
if( (conocidaVo==1)&&(conocidaA==0)&&(conocidaD==1)&&(conocidaT==1) ){
A=2(D - Vo*t)/(T*T);
conocidaA=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==0)&&(conocidaD==1) ){
A=(Vf*Vf - Vo*Vo)/(2*D);
conocidaA=1;
}
//Calcular D //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaA==1)&&(conocidaD==0)&&(conocidaT==1) ){
D=Vo*T + A*T*T*(0.5);
conocidaD=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaD==0) ){
D=(Vf*Vf - Vo*Vo)/(2*A);
conocidaD=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaD==0)&&(conocidaT==1) ){
D=(T/2)*(Vf + Vo);
conocidaD=1;
}
//Calcular T //////////////////////////////////////////////////////////////////////////
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaA==1)&&(conocidaT==0) ){
T=(Vf - Vo)/A;
conocidaT=1;
}
if( (conocidaVo==1)&&(conocidaVf==1)&&(conocidaD==1)&&(conocidaT==0) ){
T=(2*D)/(Vf + Vo);
conocidaT=1;
}
}//del while
doc.document.write('T='+T+'
');
doc.document.write('D='+D+'
');
doc.document.write('A='+A+'
');
doc.document.write('Vf='+Vf+'
');
doc.document.write('Vo='+Vo+'
');
doc.document.write('IF YOU WANT TO SEE HOW IT WAS CALCULATED... PLEASE USE A BROWSER THAT SUPPORTS WEB MONETIZATION.');

}//else from if document.monetization
doc.document.write('');
doc.document.close();
}

DEV Community: Gerardo Cárdenas

Submit button

What I built

Submission Category:

Demo

Link to Code

How I built it

Additional Resources/Info

Make Physics Easy

What I built

Submission Category:

Demo

Link to Code

How I built it

Additional Resources/Info