Create script.js
Browse files- static/script.js +21 -0
    	
        static/script.js
    ADDED
    
    | @@ -0,0 +1,21 @@ | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | |
|  | 
|  | |
| 1 | 
            +
            const textGenForm = document.querySelector('.text-gen-form');
         | 
| 2 | 
            +
             | 
| 3 | 
            +
            const translateText = async (text) => {
         | 
| 4 | 
            +
                const inferResponse = await fetch(`infer_t5?input=${text}`);
         | 
| 5 | 
            +
                const inferJson = await inferResponse.json();
         | 
| 6 | 
            +
             | 
| 7 | 
            +
                return inferJson.output;
         | 
| 8 | 
            +
            };
         | 
| 9 | 
            +
             | 
| 10 | 
            +
            textGenForm.addEventListener('submit', async (event) => {
         | 
| 11 | 
            +
              event.preventDefault();
         | 
| 12 | 
            +
             | 
| 13 | 
            +
              const textGenInput = document.getElementById('text-gen-input');
         | 
| 14 | 
            +
              const textGenParagraph = document.querySelector('.text-gen-output');
         | 
| 15 | 
            +
             | 
| 16 | 
            +
              try {
         | 
| 17 | 
            +
                textGenParagraph.textContent = await translateText(textGenInput.value);
         | 
| 18 | 
            +
              } catch (err) {
         | 
| 19 | 
            +
                console.error(err);
         | 
| 20 | 
            +
              }
         | 
| 21 | 
            +
            });
         |