Heim > Backend-Entwicklung > PHP-Tutorial > JS + PHP erkennt die Position der Anzeige des Maximalwerts nach der numerischen Eingabe

JS + PHP erkennt die Position der Anzeige des Maximalwerts nach der numerischen Eingabe

巴扎黑
Freigeben: 2023-03-14 18:44:01
Original
1390 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich JS + PHP vorgestellt, um die Anzeige des Maximalwerts und der relativen Position der Zahl nach Eingabe der Zahl durch den Benutzer zu realisieren. Der Artikel enthält detaillierte Beispielcodes für Ihre Referenz und Ihr Studium Werfen wir gemeinsam einen Blick darauf.

Dieser Artikel stellt Ihnen hauptsächlich den relevanten Inhalt von JS + PHP vor, um den maximalen Wert und die Position zu erkennen, nachdem der Benutzer die Zahl eingegeben hat. Der Zweck besteht darin, den Unterschied zwischen JS und PHP zu unterscheiden und Ihr Denken zu erweitern Schauen Sie sich die Details an. Einführung:

Analyse

1. Verwenden Sie die JS-Eingabeaufforderung, um den Wert einzugeben, den der Benutzer eingeben möchte.

2. Verwenden Sie das Text-Tag des HTML-Formulars, um den Eingabewert an die PHP-Verarbeitungsdatei zu übergeben

3. PHP führt eine numerische Beurteilung durch und wählt den Maximalwert und die maximale Position aus

Von flach nach tief:

1. Holen Sie sich den Maximalwert des Arrays in JS.


Hier lohnt es sich Hinweis: Sie können eine Variable nicht direkt auf max=0 setzen, da Sie nicht sicher sind, ob die Zahl, die Sie in Zukunft eingeben, kleiner als 0 oder größer als 0 ist größer als 0], also sollten Sie eine Zahl im Array auswählen, nur das Array. Das erste ist gut
var a=[10,20,40,30];
 // var max=0;
 var max=a[0];
 for(var i=0;i<a.length;i++){
 if(max<a[i]){
  max=a[i];
 }
 }
 alert("最大数为"+max);
Nach dem Login kopieren
.

max=a[0]Da die JS-Sprache auf einem objektorientierten Prozess basiert, können alle Dinge in JS Sein Array verfügt über Attribute und die Länge ist eine Erfassung des Array-Längenattributs. Mit diesem Attribut können Sie das Array einzeln durchlaufen und vergleichen . In JS implementieren, um die Maximal- und Minimalwerte des Arrays und ihre Positionen zu erhalten (d. h. welche Zahl im Array)

[Hinweis: Die Position in diesem Fall ist +1 für Die Bequemlichkeit der Anzeige und der Anfang des JS-Arrays sind ebenfalls 0]

3. Verwenden Sie nun die Eingabeaufforderung für Benutzereingaben, um Werte zu erhalten um den Maximalwert usw. zu finden.

var a=[10,20,40,30];
 var max=a[0];//不能指定一个数为最大值[var max=0](除非是确定的情况下),应该用数组里面的值,a[0]即让数组第一个值作为比较的最大值.
 var maxaddress=0;
 var min=a[0];
 var minaddress=0;
 for(var i=0;i<a.length;i++){
  if(max<a[i]){
   max=a[i];
   maxaddress=i
  }
  if(min>a[i]){
   min=a[i];
   minaddress=i
  }
 }
 alert("最大数为"+max+"位置为第"+(maxaddress+1)+"个");
 alert("最小数为"+min+"位置为第"+(minaddress+1)+"个");
Nach dem Login kopieren
Schwierigkeit:

1. Wie man eingibt, Eingabeaufforderung verwenden

2. Wie man einen String in ein Array umwandelt und Format konvertieren?

Voraussetzungen:

1. Das String-Objekt von JS wird zum Teilen der String-Methode verwendet (beachten Sie, dass alles in JS ein Objekt ist, daher wird es als a bezeichnet Methode, keine Funktion)

2. Konvertieren Sie eine „abc“-Zeichenfolge in einen Zahlentyp, wie Sie sie konvertieren.

Nach dem oben Gesagten Die Analyse ist abgeschlossen. Beginnen Sie mit dem Schreiben des Codes 🎜>


PHP kann nicht direkt mit dem Front-End interagieren, das heißt, es kann den vom Benutzer eingegebenen Wert nicht direkt abrufen, sondern muss das HTML-Formular übergeben

字符串转数字类型

◆Number

★数字类型的字符串,转换之后得到的数字。var n1="123"; var n2=Number(n1);//123

★★非数字字符串,转换之后得到是NaN。var n1="123abc"; var n2=Number(n1);//Nan 

★小数类型的字符串,转换之后得到的是原数字。var n1="123.23"; var n2=Number(n1);//123.23

 

◆parseInt

★整数数字类型的字符串,转换之后得到的整数数字。var n1="123"; var n2=parseInt(n1);//123

★数字开头的字符串,转换之后得到的是前边的数字。var n1="123abc"; var n2=parseInt(n1);//123

★非数字开头的字符串,转换之后得到的是NaN。。var n1="abc123"; var n2=parseInt(n1);//NaN

★★小数类型的字符串,转换之后取整(小数点直接省略)。var n1="123.53"; var n2=parseInt(n1);//123 var n1="-5.93"; var n2=parseInt(n1);//-5

 

◆parseFloat

★整数数字类型的字符串,转换之后得到的整数数字。var n1="123"; var n2=parseFloat(n1);//123

★数字开头的字符串,转换之后得到的是前边的数字。var n1="123abc"; var n2=parseFloat(n1);//123

★非数字开头的字符串,转换之后得到的是NaN。var n1="abc123"; var n2=parseFloat(n1);//NaN

★★小数类型的字符串,转换之后得到的是原数字。var n1="123.23"; var n2=parseFloat(n1);//123.23

 

转布尔类型

★数字和字符串转完之后为true。

★undefined、null、0转完之后为false.

var n1=123; var n2=Boolean(n1);//true

var n1="123"; var n2=Boolean(n1);//true

var n1="0"; var n2=Boolean(n1);alert(n2);//true

var n1; var n2=Boolean(n1);//false

var n1=null; var n2=Boolean(n1);//false

var n1=0; var n2=Boolean(n1);//false
Nach dem Login kopieren
JS Um Daten an PHP zu übertragen , Sie können AJAX verwenden, aber ich werde später darüber sprechen. Mal sehen, welche Methoden heute verfügbar sind:


<script>
  //var a=new Array(-12,34,56,88,32,"aa","-34.33","-34.34",12.23);
  /*var a=new Array(prompt("请输入数字"));
  document.write(a);*/
  var b=prompt("请输入要比较的数,用\",\"号隔开");
  var a=new Array();
  a=b.split(",");
  // for(var j=0;j<a.length;j++){
  //   document.write(a[j]);
  // }
  alert(typeof(a)+" JS数组本质是对象啊!!");//本质是对象 PHP数组就是数组,没有属性(比如length)
  document.write(a+"<br>");
  console.log(a+"<br>");
  var max=parseFloat(a[0]);
  //document.write(max);
  var maxaddress=0;
  var min=parseFloat(a[0]);
  var minaddress=0;
  
  for(var i=0;i<=a.length;i++){
   var shu=parseFloat(a[i]);
   if(shu>max){
    max=shu;
    maxaddress=i;
   }
   if(shu<min){
    min=a[i];
    minaddress=i;
   }
  }
  document.write("最大数为"+max+"位置为第"+(maxaddress+1)+"个"+"<br>");
  document.write("最小数为"+min+"位置为第"+(minaddress+1)+"个");
 </script>
Nach dem Login kopieren
2. JS übergibt Wert an HTML:

Hier gibt es eine Gefahr. Wenn Sie JS-Code in den Header von HTML schreiben, tritt ein Fehler auf gemeldet, sagen

Aufgrund der Browser-Analysereihenfolge beginnt der Browser, HTML zu analysieren, wenn er JS analysiert (wenn die Zahl eingegeben wird). Obwohl JS den Wert des Textes zuweist, wird er analysiert in HTML später. Der Wert von Text ist NULL, was in sich widersprüchlich ist. Versuchen Sie also, den JS-Code so weit wie möglich zu schreiben der Wert. (Analysieren Sie die spezifische Situation, nein Der JS-Code muss im Kopf sein)

Okay, HTML hat den Wert übergeben, jetzt schauen Sie sich PHP an

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 
</head>
<body>
 <form action="deal.php" method="post">
 请输入数字:<input type="text" id="shu" name="shuzi" value="">
 <input type="submit" value="提交">
 </form>
 
</body>
</html>
Nach dem Login kopieren

Hier betrachten wir hauptsächlich die Anzahl der Explosionen (den String in ein Array aufteilen) (ermitteln Sie die Anzahl der Arrays)

Achten Sie auch auf das Problem der Typkonvertierung. Sie können es später hinzufügen oder schreib es selbst.
 <script type="text/javascript">
  var a=prompt("请输入数字");
  document.getElementById("shu").value=a;
 </script>
Nach dem Login kopieren

Uncaught TypeError: Cannot set property &#39;value&#39; of null

Letztes Bild oben:


<?php
header("Content-type:text/html;charset=utf-8");
$a=$_POST[&#39;shuzi&#39;];
//var_dump($a);
$b=explode(&#39;,&#39;,$a);
for($i=0;$i<count($b);$i++){
 echo $b[$i];
}
var_dump($b);

$max=$b[0];
$maxaddress=0;
for($j=0;$j<count($b);$j++){
 if($b[$j]>$max){
  $max=$b[$j];
  $maxaddress=$j;
 }

}
echo "最大值是".$max."<br>";
echo "位置为第".($maxaddress+1)."个";


?>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonJS + PHP erkennt die Position der Anzeige des Maximalwerts nach der numerischen Eingabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage