Textfeld an get Variable anpassen

[admin]

Nach einen Get Post wird die Variable wieder in das Textfeld geschrieben, und das Textfeld ist genauso groß wie das Wort.

<?php
if(isset($_GET['text'])){
   $pixel=18;
   $wort=$_GET['text'];
   $menge=strlen($wort);
   $zaehlen=0;
   for($x=0;$x<$menge;$x++){
        switch ($wort[$x]){
           case '0':$buchstabe = 8;break; 
           case '1':$buchstabe = 8;break; 
           case '2':$buchstabe = 8;break; 
           case '3':$buchstabe = 8;break; 
           case '4':$buchstabe = 8;break; 
           case '5':$buchstabe = 8;break; 
           case '6':$buchstabe = 8;break; 
           case '7':$buchstabe = 8;break; 
           case '8':$buchstabe = 8;break; 
           case '9':$buchstabe = 8;break; 
           case 'A':$buchstabe = 12;break;
           case 'Ä':$buchstabe = 12;break;           
           case 'B':$buchstabe = 11;break;
           case 'C':$buchstabe = 11;break;
           case 'D':$buchstabe = 12;break;
           case 'E':$buchstabe = 10;break;
           case 'F':$buchstabe = 9;break;
           case 'G':$buchstabe = 12;break;
           case 'H':$buchstabe = 12;break;
           case 'I':$buchstabe = 5;break;
           case 'J':$buchstabe = 6;break;
           case 'K':$buchstabe = 12;break;
           case 'L':$buchstabe = 10;break;
           case 'M':$buchstabe = 14;break;
           case 'N':$buchstabe = 12;break;
           case 'O':$buchstabe = 12;break;
           case 'Ö':$buchstabe = 12;break;           
           case 'P':$buchstabe = 9;break;
           case 'Q':$buchstabe = 12;break;
           case 'R':$buchstabe = 11;break;
           case 'S':$buchstabe = 9;break;
           case 'T':$buchstabe = 10;break;
           case 'U':$buchstabe = 12;break;
           case 'Ü':$buchstabe = 12;break;           
           case 'V':$buchstabe = 12;break;
           case 'W':$buchstabe = 15;break;
           case 'X':$buchstabe = 12;break;
           case 'Y':$buchstabe = 12;break;
           case 'Z':$buchstabe = 10;break;
           case 'a':$buchstabe = 7;break;
           case 'ä':$buchstabe = 7;break;           
           case 'b':$buchstabe = 8;break;
           case 'c':$buchstabe = 7;break;
           case 'd':$buchstabe = 8;break;
           case 'e':$buchstabe = 7;break;
           case 'f':$buchstabe = 5;break;
           case 'g':$buchstabe = 8;break;
           case 'h':$buchstabe = 8;break;
           case 'i':$buchstabe = 4;break;
           case 'j':$buchstabe = 4;break;
           case 'k':$buchstabe = 8;break;
           case 'l':$buchstabe = 4;break;
           case 'm':$buchstabe = 12;break;
           case 'n':$buchstabe = 8;break;
           case 'o':$buchstabe = 8;break;
           case 'ö':$buchstabe = 8;break;           
           case 'p':$buchstabe = 8;break;
           case 'q':$buchstabe = 8;break;
           case 'r':$buchstabe = 5;break;
           case 's':$buchstabe = 6;break;
           case 't':$buchstabe = 4;break;
           case 'u':$buchstabe = 8;break;
           case 'ü':$buchstabe = 8;break;           
           case 'v':$buchstabe = 8;break;
           case 'w':$buchstabe = 12;break;
           case 'x':$buchstabe = 8;break;
           case 'y':$buchstabe = 8;break;
           case 'z':$buchstabe = 7;break;
           case '.':$buchstabe = 4;break;  
           case ':':$buchstabe = 4;break;  
           case ',':$buchstabe = 4;break;  
           case ';':$buchstabe = 4;break;  
           case '>':$buchstabe = 9;break;  
           case '<':$buchstabe = 9;break;  
           case '-':$buchstabe = 5;break;  
           case '_':$buchstabe = 8;break;  
           case '#':$buchstabe = 8;break;  
           case '"':$buchstabe = 7;break;  
           case '+':$buchstabe = 9;break; 
           case '*':$buchstabe = 8;break;  
           case '~':$buchstabe = 9;break;  
           case '|':$buchstabe = 3;break;  
           case '!':$buchstabe = 5;break;  
           case '§':$buchstabe = 8;break;  
           case '$':$buchstabe = 8;break;  
           case '%':$buchstabe = 13;break;  
           case '&':$buchstabe = 12;break;  
           case '/':$buchstabe = 4;break;  
           case '(':$buchstabe = 5;break;  
           case ')':$buchstabe = 5;break;  
           case '=':$buchstabe = 9;break;  
           case '?':$buchstabe = 7;break;  
           case '`':$buchstabe = 5;break;  
           case '´':$buchstabe = 5;break;  
           case '}':$buchstabe = 8;break;  
           case '{':$buchstabe = 8;break;  
           case ']':$buchstabe = 5;break;  
           case '[':$buchstabe = 5;break;  
           case '/':$buchstabe = 4;break;  
           default:$buchstabe = 0;    
        }
        $einpixel=100/16;
        $neu=$einpixel*$pixel/100;
        $neu=$buchstabe*$neu;
        $zaehlen=$zaehlen+$neu;  
    }
    echo "Bei $pixel Pixel ist dein Wort $zaehlen Pixel breit";
    echo "<hr>";
    $style="style='width:".$zaehlen."px'";
}else{
    $style='';
    $wort='';
}
?>

<main>

<div id="content">
<h1>Gebe ein Wot an
<form>
<input <?php echo $style; ?> type="text" name="text" value="<?php echo $wort; ?>">
<br>
<input type="submit">
</form>
</div>



</main>

[rzscout]

Im ernst,
warum sollte man so etwas gebrauchen können. Zudem kann man das alles via JavaScript lösen.

document.querySelector('input[name=text]').addEventListener('input', function() {
    let StrLen = this.length;
    let faktor = 20;
    if(StrLen < 4) {
        this.style.width = "230px";
    } else {
        this.style.width = `${StrLen*faktor}px`;
    }
});

Grüsse

rzscout